#238661#238661
#238661 is a mid, moderate teal. Relative luminance 0.183; OKLCH L 55.4% C 0.107 H 163.4°. Best body text is #000000 at 4.65:1 contrast (WCAG AA passes).
Color values
| HEX | #238661 |
|---|---|
| RGB | rgb(35, 134, 97) |
| HSL | hsl(158, 59%, 33%) |
| HSV | hsv(158, 74%, 53%) |
| CMYK | cmyk(73.9%, 0%, 27.6%, 47.5%) |
| CIE-LAB | lab(49.82, -37.31, 11.98) |
| CIE-LCH | lch(49.82, 39.19, 162.20°) |
| OKLab | oklab(55.44% -0.1023 0.0306) |
| OKLCH | oklch(55.44% 0.107 163.4) |
| XYZ | xyz(11.3747, 18.2693, 14.2338) |
| Luminance | 0.1827 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Dark Sea Green
#11875D
ΔE00 1.52
Viridian
#1E9167
ΔE00 3.94
Sea Green
#2E8B57
ΔE00 4.39
Jungle Green
#048243
ΔE00 6.85
Ocean Green
#3D9973
ΔE00 7.05
Dark Sage
#598556
ΔE00 8.34
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#238661 #862348
analogous
#23862F #238661 #237986
triadic
#238661 #612386 #866123
tetradic
#238661 #2F2386 #862348 #798623
square
#238661 #2F2386 #862348 #798623
split-complementary
#238661 #862379 #862F23
monochromatic
#0A251B #16553E #238661 #30B784 #52D2A2
Accessibility & contrast
On white
4.51
#238661 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.65
#238661 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #238661
4.65:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##238661 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##238661 | 1.00 | 4.51 | 4.65 | 4.65 |
| #FFFFFF | 4.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.65 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#847C5F
Deuteranopia (green-blind)
#777363
Tritanopia (blue-blind)
#00867C
Achromatopsia (no color)
#767676
Design tokens & code
CSS
--color: #238661; /* rgb */ color: rgb(35, 134, 97); /* oklch */ color: oklch(55.4% 0.107 163.4);
Tailwind
colors: {
custom: {
50: '#6daa8e',
500: '#238661',
950: '#000000',
},
}SCSS
$custom: #238661; $custom-light: #6daa8e; $custom-dark: #000000;
JSON
{
"hex": "#238661",
"rgb": {
"r": 35,
"g": 134,
"b": 97
},
"hsl": {
"h": 157.576,
"s": 58.58,
"l": 33.137
},
"oklch": {
"l": 0.55438,
"c": 0.10681,
"h": 163.4
},
"luminance": 0.18271
}Semantic roles & 50–950 ramp
primary
#238661
secondary
#B54F75
accent
#4680E2
background
#F7FAF8
surface
#EDF4F0
border
#C8CECB
text
#08100C
muted
#7B7F7D