#082218#082218
#082218 is a very dark, muted teal. Relative luminance 0.013; OKLCH L 22.8% C 0.038 H 165.0°. Best body text is #FFFFFF at 16.77:1 contrast (WCAG AA passes).
Color values
| HEX | #082218 |
|---|---|
| RGB | rgb(8, 34, 24) |
| HSL | hsl(157, 62%, 8%) |
| HSV | hsv(157, 76%, 13%) |
| CMYK | cmyk(76.5%, 0%, 29.4%, 86.7%) |
| CIE-LAB | lab(11.00, -13.14, 3.81) |
| CIE-LCH | lch(11.00, 13.68, 163.84°) |
| OKLab | oklab(22.81% -0.0364 0.0098) |
| OKLCH | oklch(22.81% 0.038 165) |
| XYZ | xyz(0.8370, 1.2615, 1.0634) |
| Luminance | 0.0126 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Dark Forest Green
#002D04
ΔE00 10.80
Very Dark Green
#062E03
ΔE00 11.13
Almost Black
#070D0D
ΔE00 12.78
Evergreen
#05472A
ΔE00 13.55
Dark Green
#033500
ΔE00 13.80
Charcoal (survey)
#343837
ΔE00 13.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#082218 #220812
analogous
#08220B #082218 #081F22
triadic
#082218 #180822 #221808
tetradic
#082218 #0B0822 #220812 #1F2208
square
#082218 #0B0822 #220812 #1F2208
split-complementary
#082218 #22081F #220B08
monochromatic
#061911 #061911 #082218 #14543B #1F855E
Accessibility & contrast
On white
16.77
#082218 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.25
#082218 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #082218
16.77:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##082218 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##082218 | 1.00 | 16.77 | 1.25 | 16.77 |
| #FFFFFF | 16.77 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.77 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#211F17
Deuteranopia (green-blind)
#1D1C19
Tritanopia (blue-blind)
#01221F
Achromatopsia (no color)
#1D1D1D
Design tokens & code
CSS
--color: #082218; /* rgb */ color: rgb(8, 34, 24); /* oklch */ color: oklch(22.8% 0.038 165.0);
Tailwind
colors: {
custom: {
50: '#4a5d54',
500: '#082218',
950: '#000000',
},
}SCSS
$custom: #082218; $custom-light: #4a5d54; $custom-dark: #000000;
JSON
{
"hex": "#082218",
"rgb": {
"r": 8,
"g": 34,
"b": 24
},
"hsl": {
"h": 156.923,
"s": 61.905,
"l": 8.235
},
"oklch": {
"l": 0.22814,
"c": 0.03771,
"h": 165
},
"luminance": 0.01262
}Semantic roles & 50–950 ramp
primary
#082218
secondary
#60263C
accent
#4381E5
background
#F4F5F4
surface
#E7E9E7
border
#C3C5C3
text
#010402
muted
#777978