#15403C#15403C
#15403C is a dark, muted teal. Relative luminance 0.042; OKLCH L 34.0% C 0.048 H 186.8°. Best body text is #FFFFFF at 11.47:1 contrast (WCAG AA passes).
Color values
| HEX | #15403C |
|---|---|
| RGB | rgb(21, 64, 60) |
| HSL | hsl(174, 51%, 17%) |
| HSV | hsv(174, 67%, 25%) |
| CMYK | cmyk(67.2%, 0%, 6.2%, 74.9%) |
| CIE-LAB | lab(24.17, -15.87, -1.98) |
| CIE-LCH | lch(24.17, 15.99, 187.11°) |
| OKLab | oklab(34.04% -0.0473 -0.0056) |
| OKLCH | oklch(34.04% 0.048 186.8) |
| XYZ | xyz(2.9579, 4.1522, 4.9197) |
| Luminance | 0.0415 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Dark Teal
#014D4E
ΔE00 5.31
Darkslategray
#2F4F4F
ΔE00 6.43
Dark Blue Green
#005249
ΔE00 7.03
Deep Teal
#00555A
ΔE00 8.23
Dark Turquoise
#045C5A
ΔE00 9.53
Evergreen
#05472A
ΔE00 10.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#15403C #401519
analogous
#154027 #15403C #152F40
triadic
#15403C #3C1540 #403C15
tetradic
#15403C #271540 #401519 #2F4015
square
#15403C #271540 #401519 #2F4015
split-complementary
#15403C #40152F #402715
monochromatic
#081716 #081716 #15403C #246E67 #339C92
Accessibility & contrast
On white
11.47
#15403C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.83
#15403C on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #15403C
11.47:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##15403C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##15403C | 1.00 | 11.47 | 1.83 | 11.47 |
| #FFFFFF | 11.47 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.83 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.47 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3C3C3C
Deuteranopia (green-blind)
#36373C
Tritanopia (blue-blind)
#00423F
Achromatopsia (no color)
#393939
Design tokens & code
CSS
--color: #15403c; /* rgb */ color: rgb(21, 64, 60); /* oklch */ color: oklch(34.0% 0.048 186.8);
Tailwind
colors: {
custom: {
50: '#587571',
500: '#15403c',
950: '#000000',
},
}SCSS
$custom: #15403c; $custom-light: #587571; $custom-dark: #000000;
JSON
{
"hex": "#15403c",
"rgb": {
"r": 21,
"g": 64,
"b": 60
},
"hsl": {
"h": 174.419,
"s": 50.588,
"l": 16.667
},
"oklch": {
"l": 0.34043,
"c": 0.04762,
"h": 186.8
},
"luminance": 0.04152
}Semantic roles & 50–950 ramp
primary
#15403C
secondary
#78393F
accent
#4E5BDA
background
#F5F7F6
surface
#E9EDEC
border
#C5C8C7
text
#040807
muted
#797B7A