#2D8A71#2D8A71
#2D8A71 is a mid, moderate teal. Relative luminance 0.199; OKLCH L 57.2% C 0.095 H 171.5°. Best body text is #000000 at 4.99:1 contrast (WCAG AA passes).
Color values
| HEX | #2D8A71 |
|---|---|
| RGB | rgb(45, 138, 113) |
| HSL | hsl(164, 51%, 36%) |
| HSV | hsv(164, 67%, 54%) |
| CMYK | cmyk(67.4%, 0%, 18.1%, 45.9%) |
| CIE-LAB | lab(51.75, -33.44, 5.50) |
| CIE-LCH | lch(51.75, 33.89, 170.66°) |
| OKLab | oklab(57.21% -0.094 0.014) |
| OKLCH | oklch(57.21% 0.095 171.5) |
| XYZ | xyz(13.1498, 19.9257, 18.7726) |
| Luminance | 0.1993 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Viridian
#1E9167
ΔE00 5.27
Dark Sea Green
#11875D
ΔE00 5.53
Teal (survey)
#029386
ΔE00 6.01
Ocean Green
#3D9973
ΔE00 6.36
Dusty Teal
#4C9085
ΔE00 6.63
Sea Green
#2E8B57
ΔE00 7.81
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2D8A71 #8A2D46
analogous
#2D8A42 #2D8A71 #2D748A
triadic
#2D8A71 #712D8A #8A712D
tetradic
#2D8A71 #422D8A #8A2D46 #748A2D
square
#2D8A71 #422D8A #8A2D46 #748A2D
split-complementary
#2D8A71 #8A2D74 #8A422D
monochromatic
#0F2E25 #1E5C4B #2D8A71 #3CB897 #65CDB1
Accessibility & contrast
On white
4.21
#2D8A71 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.99
#2D8A71 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #2D8A71
4.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2D8A71 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2D8A71 | 1.00 | 4.21 | 4.99 | 4.99 |
| #FFFFFF | 4.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#868170
Deuteranopia (green-blind)
#797773
Tritanopia (blue-blind)
#008B83
Achromatopsia (no color)
#7B7B7B
Design tokens & code
CSS
--color: #2d8a71; /* rgb */ color: rgb(45, 138, 113); /* oklch */ color: oklch(57.2% 0.095 171.5);
Tailwind
colors: {
custom: {
50: '#72ad99',
500: '#2d8a71',
950: '#000000',
},
}SCSS
$custom: #2d8a71; $custom-light: #72ad99; $custom-dark: #000000;
JSON
{
"hex": "#2d8a71",
"rgb": {
"r": 45,
"g": 138,
"b": 113
},
"hsl": {
"h": 163.871,
"s": 50.82,
"l": 35.882
},
"oklch": {
"l": 0.57214,
"c": 0.09509,
"h": 171.5
},
"luminance": 0.19927
}Semantic roles & 50–950 ramp
primary
#2D8A71
secondary
#B36076
accent
#4D73DA
background
#F7FAF9
surface
#EDF4F2
border
#C8CECC
text
#09100E
muted
#7B7F7E