#053836#053836
#053836 is a dark, muted teal. Relative luminance 0.031; OKLCH L 30.9% C 0.050 H 190.8°. Best body text is #FFFFFF at 12.92:1 contrast (WCAG AA passes).
Color values
| HEX | #053836 |
|---|---|
| RGB | rgb(5, 56, 54) |
| HSL | hsl(178, 84%, 12%) |
| HSV | hsv(178, 91%, 22%) |
| CMYK | cmyk(91.1%, 0%, 3.6%, 78%) |
| CIE-LAB | lab(20.54, -16.28, -3.37) |
| CIE-LCH | lch(20.54, 16.63, 191.68°) |
| OKLab | oklab(30.9% -0.0494 -0.0094) |
| OKLCH | oklch(30.9% 0.05 190.8) |
| XYZ | xyz(2.1423, 3.1267, 3.9799) |
| Luminance | 0.0313 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Dark Teal
#014D4E
ΔE00 6.86
Darkslategray
#2F4F4F
ΔE00 8.65
Dark Blue Green
#005249
ΔE00 9.05
Deep Teal
#00555A
ΔE00 9.78
Dark Turquoise
#045C5A
ΔE00 11.56
Evergreen
#05472A
ΔE00 12.33
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#053836 #380507
analogous
#05381D #053836 #052138
triadic
#053836 #360538 #383605
tetradic
#053836 #1D0538 #380507 #213805
square
#053836 #1D0538 #380507 #213805
split-complementary
#053836 #380521 #381D05
monochromatic
#031C1B #031C1B #053836 #0A706C #0FA8A2
Accessibility & contrast
On white
12.92
#053836 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.63
#053836 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #053836
12.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##053836 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##053836 | 1.00 | 12.92 | 1.63 | 12.92 |
| #FFFFFF | 12.92 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.63 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.92 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#343436
Deuteranopia (green-blind)
#2D2F36
Tritanopia (blue-blind)
#003A37
Achromatopsia (no color)
#313131
Design tokens & code
CSS
--color: #053836; /* rgb */ color: rgb(5, 56, 54); /* oklch */ color: oklch(30.9% 0.050 190.8);
Tailwind
colors: {
custom: {
50: '#506f6c',
500: '#053836',
950: '#000000',
},
}SCSS
$custom: #053836; $custom-light: #506f6c; $custom-dark: #000000;
JSON
{
"hex": "#053836",
"rgb": {
"r": 5,
"g": 56,
"b": 54
},
"hsl": {
"h": 177.647,
"s": 83.607,
"l": 11.961
},
"oklch": {
"l": 0.309,
"c": 0.05032,
"h": 190.8
},
"luminance": 0.03127
}Semantic roles & 50–950 ramp
primary
#053836
secondary
#792023
accent
#2E36FA
background
#F4F6F6
surface
#E7ECEB
border
#C3C7C6
text
#020707
muted
#787A7A