#294D92#294D92
#294D92 is a dark, vivid blue. Relative luminance 0.079; OKLCH L 43.2% C 0.121 H 261.9°. Best body text is #FFFFFF at 8.17:1 contrast (WCAG AA passes).
Color values
| HEX | #294D92 |
|---|---|
| RGB | rgb(41, 77, 146) |
| HSL | hsl(219, 56%, 37%) |
| HSV | hsv(219, 72%, 57%) |
| CMYK | cmyk(71.9%, 47.3%, 0%, 42.7%) |
| CIE-LAB | lab(33.68, 11.69, -41.90) |
| CIE-LCH | lch(33.68, 43.50, 285.58°) |
| OKLab | oklab(43.21% -0.017 -0.12) |
| OKLCH | oklch(43.21% 0.121 261.9) |
| XYZ | xyz(8.7548, 7.8536, 28.2431) |
| Luminance | 0.0785 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Cobalt (survey)
#1E488F
ΔE00 1.75
Dusk Blue
#26538D
ΔE00 2.87
Cobalt
#0047AB
ΔE00 4.06
Light Navy
#155084
ΔE00 4.61
Denim Blue
#3B5B92
ΔE00 4.69
Darkish Blue
#014182
ΔE00 4.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#294D92 #926E29
analogous
#298292 #294D92 #3A2992
triadic
#294D92 #92294D #4D9229
tetradic
#294D92 #922982 #926E29 #29923A
square
#294D92 #922982 #926E29 #29923A
split-complementary
#294D92 #923A29 #829229
monochromatic
#0E1B32 #1C3462 #294D92 #3666C2 #6289D3
Accessibility & contrast
On white
8.17
#294D92 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.57
#294D92 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #294D92
8.17:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##294D92 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##294D92 | 1.00 | 8.17 | 2.57 | 8.17 |
| #FFFFFF | 8.17 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.57 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.17 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#295495
Deuteranopia (green-blind)
#134B91
Tritanopia (blue-blind)
#005D68
Achromatopsia (no color)
#4F4F4F
Design tokens & code
CSS
--color: #294d92; /* rgb */ color: rgb(41, 77, 146); /* oklch */ color: oklch(43.2% 0.121 261.9);
Tailwind
colors: {
custom: {
50: '#707eb2',
500: '#294d92',
950: '#000000',
},
}SCSS
$custom: #294d92; $custom-light: #707eb2; $custom-dark: #000000;
JSON
{
"hex": "#294d92",
"rgb": {
"r": 41,
"g": 77,
"b": 146
},
"hsl": {
"h": 219.429,
"s": 56.15,
"l": 36.667
},
"oklch": {
"l": 0.43209,
"c": 0.12123,
"h": 261.9
},
"luminance": 0.07854
}Semantic roles & 50–950 ramp
primary
#294D92
secondary
#B99A5E
accent
#AC48DF
background
#F7F7FB
surface
#EDEEF6
border
#C8C9D0
text
#080911
muted
#7B7B80