#192135#192135
#192135 is a dark, muted blue. Relative luminance 0.016; OKLCH L 25.0% C 0.040 H 266.9°. Best body text is #FFFFFF at 16.03:1 contrast (WCAG AA passes).
Color values
| HEX | #192135 |
|---|---|
| RGB | rgb(25, 33, 53) |
| HSL | hsl(223, 36%, 15%) |
| HSV | hsv(223, 53%, 21%) |
| CMYK | cmyk(52.8%, 37.7%, 0%, 79.2%) |
| CIE-LAB | lab(12.93, 3.10, -14.21) |
| CIE-LCH | lch(12.93, 14.55, 282.31°) |
| OKLab | oklab(25.04% -0.0022 -0.0398) |
| OKLCH | oklch(25.04% 0.04 266.9) |
| XYZ | xyz(1.5872, 1.5513, 3.5833) |
| Luminance | 0.0155 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Dark
#1B2431
ΔE00 4.44
Navy Blue
#1B2A4A
ΔE00 5.19
Navy (survey)
#01153E
ΔE00 8.17
Dark Navy Blue
#00022E
ΔE00 9.91
Midnight
#03012D
ΔE00 10.14
Marine
#042E60
ΔE00 10.18
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#192135 #352D19
analogous
#192F35 #192135 #1F1935
triadic
#192135 #351921 #213519
tetradic
#192135 #35192F #352D19 #19351F
square
#192135 #35192F #352D19 #19351F
split-complementary
#192135 #351F19 #2F3519
monochromatic
#0A0D15 #0A0D15 #192135 #2D3B5F #405588
Accessibility & contrast
On white
16.03
#192135 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.31
#192135 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #192135
16.03:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##192135 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##192135 | 1.00 | 16.03 | 1.31 | 16.03 |
| #FFFFFF | 16.03 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.03 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1A2336
Deuteranopia (green-blind)
#172035
Tritanopia (blue-blind)
#0F2528
Achromatopsia (no color)
#212121
Design tokens & code
CSS
--color: #192135; /* rgb */ color: rgb(25, 33, 53); /* oklch */ color: oklch(25.0% 0.040 266.9);
Tailwind
colors: {
custom: {
50: '#575c6c',
500: '#192135',
950: '#000000',
},
}SCSS
$custom: #192135; $custom-light: #575c6c; $custom-dark: #000000;
JSON
{
"hex": "#192135",
"rgb": {
"r": 25,
"g": 33,
"b": 53
},
"hsl": {
"h": 222.857,
"s": 35.897,
"l": 15.294
},
"oklch": {
"l": 0.25044,
"c": 0.03991,
"h": 266.9
},
"luminance": 0.01551
}Semantic roles & 50–950 ramp
primary
#192135
secondary
#6A5E40
accent
#AC5CCC
background
#F5F5F6
surface
#E9E9EB
border
#C5C5C6
text
#030407
muted
#78797A