#23BC88#23BC88
#23BC88 is a light, vivid teal. Relative luminance 0.381; OKLCH L 70.7% C 0.144 H 163.8°. Best body text is #000000 at 8.62:1 contrast (WCAG AA passes).
Color values
| HEX | #23BC88 |
|---|---|
| RGB | rgb(35, 188, 136) |
| HSL | hsl(160, 69%, 44%) |
| HSV | hsv(160, 81%, 74%) |
| CMYK | cmyk(81.4%, 0%, 27.7%, 26.3%) |
| CIE-LAB | lab(68.09, -50.36, 15.69) |
| CIE-LCH | lch(68.09, 52.75, 162.70°) |
| OKLab | oklab(70.74% -0.1379 0.04) |
| OKLCH | oklch(70.74% 0.144 163.8) |
| XYZ | xyz(23.1176, 38.0984, 29.4231) |
| Luminance | 0.3810 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Green Blue
#01C08D
ΔE00 1.38
Greenish Teal
#32BF84
ΔE00 1.95
Greenblue
#23C48B
ΔE00 2.24
Dark Seafoam
#1FB57A
ΔE00 2.77
Green Teal
#0CB577
ΔE00 3.26
Bluey Green
#2BB179
ΔE00 3.47
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#23BC88 #BC2357
analogous
#23BC3B #23BC88 #23A3BC
triadic
#23BC88 #8823BC #BC8823
tetradic
#23BC88 #3B23BC #BC2357 #A3BC23
square
#23BC88 #3B23BC #BC2357 #A3BC23
split-complementary
#23BC88 #BC23A3 #BC3B23
monochromatic
#10553D #198863 #23BC88 #41DCA7 #74E5BF
Accessibility & contrast
On white
2.44
#23BC88 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.62
#23BC88 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #23BC88
8.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##23BC88 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##23BC88 | 1.00 | 2.44 | 8.62 | 8.62 |
| #FFFFFF | 2.44 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.62 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B8AE85
Deuteranopia (green-blind)
#A6A18B
Tritanopia (blue-blind)
#00BCAE
Achromatopsia (no color)
#A6A6A6
Design tokens & code
CSS
--color: #23bc88; /* rgb */ color: rgb(35, 188, 136); /* oklch */ color: oklch(70.7% 0.144 163.8);
Tailwind
colors: {
custom: {
50: '#79d1aa',
500: '#23bc88',
950: '#000000',
},
}SCSS
$custom: #23bc88; $custom-light: #79d1aa; $custom-dark: #000000;
JSON
{
"hex": "#23bc88",
"rgb": {
"r": 35,
"g": 188,
"b": 136
},
"hsl": {
"h": 159.608,
"s": 68.61,
"l": 43.725
},
"oklch": {
"l": 0.7074,
"c": 0.14353,
"h": 163.8
},
"luminance": 0.38101
}Semantic roles & 50–950 ramp
primary
#23BC88
secondary
#CC6F8E
accent
#3C78EB
background
#F8FCFA
surface
#EFF9F4
border
#CAD2CE
text
#0B1410
muted
#7C827F