#012D23#012D23
#012D23 is a dark, muted teal. Relative luminance 0.020; OKLCH L 26.5% C 0.050 H 173.2°. Best body text is #FFFFFF at 14.99:1 contrast (WCAG AA passes).
Color values
| HEX | #012D23 |
|---|---|
| RGB | rgb(1, 45, 35) |
| HSL | hsl(166, 96%, 9%) |
| HSV | hsv(166, 98%, 18%) |
| CMYK | cmyk(97.8%, 0%, 22.2%, 82.4%) |
| CIE-LAB | lab(15.51, -17.67, 2.36) |
| CIE-LCH | lch(15.51, 17.83, 172.40°) |
| OKLab | oklab(26.54% -0.0496 0.006) |
| OKLCH | oklch(26.54% 0.05 173.2) |
| XYZ | xyz(1.2541, 2.0044, 1.9106) |
| Luminance | 0.0200 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Evergreen
#05472A
ΔE00 10.39
Dark Forest Green
#002D04
ΔE00 10.49
Very Dark Green
#062E03
ΔE00 11.04
Dark Teal
#014D4E
ΔE00 11.63
Dark Blue Green
#005249
ΔE00 11.73
Darkslategray
#2F4F4F
ΔE00 13.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#012D23 #2D010B
analogous
#012D0D #012D23 #01212D
triadic
#012D23 #23012D #2D2301
tetradic
#012D23 #0D012D #2D010B #212D01
square
#012D23 #0D012D #2D010B #212D01
split-complementary
#012D23 #2D0121 #2D0D01
monochromatic
#011E17 #011E17 #012D23 #026952 #04A580
Accessibility & contrast
On white
14.99
#012D23 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.40
#012D23 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #012D23
14.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##012D23 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##012D23 | 1.00 | 14.99 | 1.40 | 14.99 |
| #FFFFFF | 14.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.99 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2B2923
Deuteranopia (green-blind)
#252524
Tritanopia (blue-blind)
#002E2A
Achromatopsia (no color)
#272727
Design tokens & code
CSS
--color: #012d23; /* rgb */ color: rgb(1, 45, 35); /* oklch */ color: oklch(26.5% 0.050 173.2);
Tailwind
colors: {
custom: {
50: '#4a665d',
500: '#012d23',
950: '#000000',
},
}SCSS
$custom: #012d23; $custom-light: #4a665d; $custom-dark: #000000;
JSON
{
"hex": "#012d23",
"rgb": {
"r": 1,
"g": 45,
"b": 35
},
"hsl": {
"h": 166.364,
"s": 95.652,
"l": 9.02
},
"oklch": {
"l": 0.26536,
"c": 0.05001,
"h": 173.2
},
"luminance": 0.02005
}Semantic roles & 50–950 ramp
primary
#012D23
secondary
#73172C
accent
#2959FF
background
#F4F6F5
surface
#E7EBE9
border
#C3C6C5
text
#010604
muted
#777A79