#87CBBB#87CBBB
#87CBBB is a light, moderate teal. Relative luminance 0.515; OKLCH L 79.2% C 0.073 H 177.9°. Best body text is #000000 at 11.29:1 contrast (WCAG AA passes).
Color values
| HEX | #87CBBB |
|---|---|
| RGB | rgb(135, 203, 187) |
| HSL | hsl(166, 40%, 66%) |
| HSV | hsv(166, 33%, 80%) |
| CMYK | cmyk(33.5%, 0%, 7.9%, 20.4%) |
| CIE-LAB | lab(76.95, -24.97, 1.16) |
| CIE-LCH | lch(76.95, 25.00, 177.34°) |
| OKLab | oklab(79.21% -0.0727 0.0027) |
| OKLCH | oklch(79.21% 0.073 177.9) |
| XYZ | xyz(40.3141, 51.4483, 54.8103) |
| Luminance | 0.5145 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Pale Teal
#82CBB2
ΔE00 3.11
Seafoam Blue
#78D1B6
ΔE00 4.31
Mediumaquamarine
#66CDAA
ΔE00 6.86
Mediumturquoise
#48D1CC
ΔE00 7.88
Light Teal
#90E4C1
ΔE00 7.91
Turquoise
#40E0D0
ΔE00 8.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#87CBBB #CB8797
analogous
#87CB99 #87CBBB #87B9CB
triadic
#87CBBB #BB87CB #CBBB87
tetradic
#87CBBB #9987CB #CB8797 #B9CB87
square
#87CBBB #9987CB #CB8797 #B9CB87
split-complementary
#87CBBB #CB87B9 #CB9987
monochromatic
#419682 #5CB8A3 #87CBBB #B2DED3 #DCF0EB
Accessibility & contrast
On white
1.86
#87CBBB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.29
#87CBBB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #87CBBB
11.29:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##87CBBB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##87CBBB | 1.00 | 1.86 | 11.29 | 11.29 |
| #FFFFFF | 1.86 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.29 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C6C3BA
Deuteranopia (green-blind)
#BABABC
Tritanopia (blue-blind)
#72CDC6
Achromatopsia (no color)
#BEBEBE
Design tokens & code
CSS
--color: #87cbbb; /* rgb */ color: rgb(135, 203, 187); /* oklch */ color: oklch(79.2% 0.073 177.9);
Tailwind
colors: {
custom: {
50: '#acdbcf',
500: '#87cbbb',
950: '#000000',
},
}SCSS
$custom: #87cbbb; $custom-light: #acdbcf; $custom-dark: #000000;
JSON
{
"hex": "#87cbbb",
"rgb": {
"r": 135,
"g": 203,
"b": 187
},
"hsl": {
"h": 165.882,
"s": 39.535,
"l": 66.275
},
"oklch": {
"l": 0.7921,
"c": 0.07271,
"h": 177.9
},
"luminance": 0.51451
}Semantic roles & 50–950 ramp
primary
#87CBBB
secondary
#9D5969
accent
#3351B3
background
#FDFEFE
surface
#F7FBFB
border
#D0D4D4
text
#101513
muted
#818483