Royal Blue#4169E1

Royal Blue Hex Code: #4169E1

Royal Blue is a medium, vivid blue. Its OKLCH lightness is 56% and chroma 0.188. Text on this color reads best in white (contrast 4.85:1).

HEX	`#4169E1`
RGB	`rgb(65, 105, 225)`
HSL	`hsl(225, 73%, 57%)`
HSV / HSB	`hsv(225, 71%, 88%)`
CMYK	`cmyk(71%, 53%, 0%, 12%)`
OKLCH	`oklch(56% 0.188 266.4)`

Open in converter →

Contrast

White text4.85:1

AAAA largeAAA

Black text4.33:1

AAAA largeAAA

On white4.85:1

AAAA largeAAA

On black4.33:1

AAAA largeAAA

Tints

#5277E4#6384E6#7492E9Cornflower Blue#859FEC#97ADEF#A8BAF1#B9C8F4#CAD5F7#DBE3F9Lavender#ECF0FCAlice Blue

Shades

#3B60CD#3556B9#2F4DA4#2A4390#243A7C#1E3067#182753#121D3F#0C142B#070B17

Matching colors

Complementary

#4169E1Royal Blue#E1B941

Analogous

#4169E1Royal Blue#41B9E1#6941E1

Triadic

#4169E1Royal Blue#E14169#69E141

Split complementary

#4169E1Royal Blue#E16941#B9E141

Similar named colors

Slate Blue#6A5ACDMedium Slate Blue#7B68EEDodger Blue#1E90FFSapphire Blue#0067A5Steel Blue#4682B4Cerulean#007BA7Medium Purple#9370DBRoyal Purple#7851A9

All color names →

Code

CSS	`color: #4169E1;`
Tailwind	`bg-[#4169e1]`
SwiftUI	`Color(red: 0.255, green: 0.412, blue: 0.882)`
Android	`Color.parseColor("#4169E1")`
Flutter	`Color(0xFF4169E1)`

Royal Blue is a CSS named color (royalblue); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for royal blue?

Royal Blue is #4169E1 in hex and rgb(65, 105, 225) in RGB.

What is royal blue in CMYK?

With the plain conversion formula it is cmyk(71, 53, 0, 12). For print, convert with your printer's ICC profile instead.

What text color works on royal blue?

White text has the higher contrast at 4.85:1, which passes WCAG AA for normal text (4.5:1).