Royal Blue#4169E1
#4169E1 is a mid, vivid blue. Relative luminance 0.167; OKLCH L 56.0% C 0.188 H 266.4°. Best body text is #FFFFFF at 4.85:1 contrast (WCAG AA passes).
Color values
| HEX | #4169E1 |
|---|---|
| RGB | rgb(65, 105, 225) |
| HSL | hsl(225, 73%, 57%) |
| HSV | hsv(225, 71%, 88%) |
| CMYK | cmyk(71.1%, 53.3%, 0%, 11.8%) |
| CIE-LAB | lab(47.83, 26.26, -65.26) |
| CIE-LCH | lch(47.83, 70.35, 291.92°) |
| OKLab | oklab(55.99% -0.0118 -0.1879) |
| OKLCH | oklch(55.99% 0.188 266.4) |
| XYZ | xyz(20.8174, 16.6610, 73.3384) |
| Luminance | 0.1666 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Royal Blue
#4169E1
ΔE00 0.00
Cornflower Blue
#5170D7
ΔE00 2.81
Bright Blue
#0165FC
ΔE00 3.37
Cerulean Blue
#056EEE
ΔE00 4.11
Azul
#1D5DEC
ΔE00 4.17
Deep Sky Blue
#0D75F8
ΔE00 5.92
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4169E1 #E1B941
analogous
#41B9E1 #4169E1 #6941E1
triadic
#4169E1 #E14169 #69E141
tetradic
#4169E1 #E141B9 #E1B941 #41E169
square
#4169E1 #E141B9 #E1B941 #41E169
split-complementary
#4169E1 #E16941 #B9E141
monochromatic
#173591 #1F49C6 #4169E1 #7693E9 #ABBCF2
Accessibility & contrast
On white
4.85
#4169E1 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.33
#4169E1 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #4169E1
4.85:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4169E1 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4169E1 | 1.00 | 4.85 | 4.33 | 4.85 |
| #FFFFFF | 4.85 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.85 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0879E5
Deuteranopia (green-blind)
#006ADF
Tritanopia (blue-blind)
#00869B
Achromatopsia (no color)
#717171
Related colors
#3D5EC8#3953B0#344998#2F3F81#2A356A#242B55#1E2240#17192C#100F1A#000000#5E77E4#7585E8#8993EB#9CA2EE#AEB1F1#BFC0F4#CFCFF7#DFDFFA#EFEFFD#FFFFFF#4D6AD6#566ACA#5D6BBF#636CB4Denim
#1560BD
Slate Blue
#6A5ACD
Azure
#007FFF
Sapphire
#0F52BA
Steel Blue
#4682B4
Cobalt
#0047AB
Slate Gray
#708090
Baby Blue
#89CFF0
Palettes with this color
#05445E
#189AB4
#75E6DA
#D4F1F4
Ocean Color Palette
#FFFFF0
#FFFFF8
#7E7E74
#F3F3FC
#DDDDD0
Ivory Color Palette
#C19A6B
#EED8C1
#664D2E
#7E94AE
#C8A479
Camel Color Palette
#C0C0C0
#E8E8E8
#606060
#C0C0C0
#A7A7A7
Silver Color Palette
Design tokens & code
CSS
--color: #4169e1; /* rgb */ color: rgb(65, 105, 225); /* oklch */ color: oklch(56.0% 0.188 266.4);
Tailwind
colors: {
custom: {
50: '#8993eb',
500: '#4169e1',
950: '#000000',
},
}SCSS
$custom: #4169e1; $custom-light: #8993eb; $custom-dark: #000000;
JSON
{
"hex": "#4169e1",
"rgb": {
"r": 65,
"g": 105,
"b": 225
},
"hsl": {
"h": 225,
"s": 72.727,
"l": 56.863
},
"oklch": {
"l": 0.55985,
"c": 0.18823,
"h": 266.4
},
"luminance": 0.16663
}Semantic roles & 50–950 ramp
primary
#4169E1
secondary
#E0CF9E
accent
#C238EF
background
#F9F9FE
surface
#F1F1FD
border
#CBCBD5
text
#0D0D16
muted
#7E7E84