#184252#184252
#184252 is a dark, muted cyan. Relative luminance 0.047; OKLCH L 35.7% C 0.054 H 226.4°. Best body text is #FFFFFF at 10.82:1 contrast (WCAG AA passes).
Color values
| HEX | #184252 |
|---|---|
| RGB | rgb(24, 66, 82) |
| HSL | hsl(197, 55%, 21%) |
| HSV | hsv(197, 71%, 32%) |
| CMYK | cmyk(70.7%, 19.5%, 0%, 67.8%) |
| CIE-LAB | lab(25.86, -8.76, -13.92) |
| CIE-LCH | lch(25.86, 16.45, 237.82°) |
| OKLab | oklab(35.72% -0.037 -0.0389) |
| OKLCH | oklch(35.72% 0.054 226.4) |
| XYZ | xyz(3.8473, 4.6994, 8.6853) |
| Luminance | 0.0470 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Dark Blue Grey
#1F3B4D
ΔE00 4.44
Dark Grey Blue
#29465B
ΔE00 5.10
Dark Slate Blue
#214761
ΔE00 5.69
Charcoal
#36454F
ΔE00 6.53
Gunmetal
#2A3439
ΔE00 8.89
Darkslategray
#2F4F4F
ΔE00 9.23
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#184252 #522818
analogous
#185245 #184252 #182552
triadic
#184252 #521842 #425218
tetradic
#184252 #451852 #522818 #255218
square
#184252 #451852 #522818 #255218
split-complementary
#184252 #521825 #524518
monochromatic
#071318 #0A1C23 #184252 #266881 #348EB1
Accessibility & contrast
On white
10.82
#184252 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.94
#184252 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #184252
10.82:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##184252 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##184252 | 1.00 | 10.82 | 1.94 | 10.82 |
| #FFFFFF | 10.82 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.94 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.82 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#394153
Deuteranopia (green-blind)
#313B52
Tritanopia (blue-blind)
#004747
Achromatopsia (no color)
#3D3D3D
Design tokens & code
CSS
--color: #184252; /* rgb */ color: rgb(24, 66, 82); /* oklch */ color: oklch(35.7% 0.054 226.4);
Tailwind
colors: {
custom: {
50: '#5d7682',
500: '#184252',
950: '#000000',
},
}SCSS
$custom: #184252; $custom-light: #5d7682; $custom-dark: #000000;
JSON
{
"hex": "#184252",
"rgb": {
"r": 24,
"g": 66,
"b": 82
},
"hsl": {
"h": 196.552,
"s": 54.717,
"l": 20.784
},
"oklch": {
"l": 0.35724,
"c": 0.05366,
"h": 226.4
},
"luminance": 0.047
}Semantic roles & 50–950 ramp
primary
#184252
secondary
#89523D
accent
#734ADE
background
#F5F7F7
surface
#E9EDEE
border
#C5C8C9
text
#04080A
muted
#797B7C