#291A89#291A89
#291A89 is a dark, vivid blue. Relative luminance 0.030; OKLCH L 33.0% C 0.170 H 277.6°. Best body text is #FFFFFF at 13.10:1 contrast (WCAG AA passes).
Color values
| HEX | #291A89 |
|---|---|
| RGB | rgb(41, 26, 137) |
| HSL | hsl(248, 68%, 32%) |
| HSV | hsv(248, 81%, 54%) |
| CMYK | cmyk(70.1%, 81%, 0%, 46.3%) |
| CIE-LAB | lab(20.11, 41.19, -58.46) |
| CIE-LCH | lch(20.11, 71.51, 305.17°) |
| OKLab | oklab(32.95% 0.0225 -0.1689) |
| OKLCH | oklch(32.95% 0.17 277.6) |
| XYZ | xyz(5.7977, 3.0158, 23.9386) |
| Luminance | 0.0302 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Royal
#0C1793
ΔE00 2.51
Indigo (survey)
#380282
ΔE00 4.30
Midnight Blue
#191970
ΔE00 4.35
Darkblue
#00008B
ΔE00 4.66
Cobalt Blue
#030AA7
ΔE00 4.80
Navy
#000080
ΔE00 5.16
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#291A89 #7A891A
analogous
#1A4389 #291A89 #611A89
triadic
#291A89 #89291A #1A8929
tetradic
#291A89 #891A43 #7A891A #1A8961
square
#291A89 #891A43 #7A891A #1A8961
split-complementary
#291A89 #89611A #43891A
monochromatic
#0A0622 #1A1056 #291A89 #3824BC #5742DB
Accessibility & contrast
On white
13.10
#291A89 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.60
#291A89 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #291A89
13.10:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##291A89 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##291A89 | 1.00 | 13.10 | 1.60 | 13.10 |
| #FFFFFF | 13.10 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.10 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#00358C
Deuteranopia (green-blind)
#002C87
Tritanopia (blue-blind)
#003C51
Achromatopsia (no color)
#313131
Design tokens & code
CSS
--color: #291a89; /* rgb */ color: rgb(41, 26, 137); /* oklch */ color: oklch(33.0% 0.170 277.6);
Tailwind
colors: {
custom: {
50: '#725aad',
500: '#291a89',
950: '#000000',
},
}SCSS
$custom: #291a89; $custom-light: #725aad; $custom-dark: #000000;
JSON
{
"hex": "#291a89",
"rgb": {
"r": 41,
"g": 26,
"b": 137
},
"hsl": {
"h": 248.108,
"s": 68.098,
"l": 31.961
},
"oklch": {
"l": 0.32954,
"c": 0.1704,
"h": 277.6
},
"luminance": 0.03016
}Semantic roles & 50–950 ramp
primary
#291A89
secondary
#ACBC43
accent
#EB3DD3
background
#F7F5FA
surface
#EDE9F4
border
#C8C5CE
text
#090410
muted
#7B797F