#87CDCF#87CDCF

#87CDCF is a light, moderate teal. Relative luminance 0.533; OKLCH L 80.3% C 0.070 H 198.1°. Best body text is #000000 at 11.66:1 contrast (WCAG AA passes).

Color values

HEX	#87CDCF
RGB	rgb(135, 205, 207)
HSL	hsl(182, 43%, 67%)
HSV	hsv(182, 35%, 81%)
CMYK	cmyk(34.8%, 1%, 0%, 18.8%)
CIE-LAB	lab(78.06, -21.36, -7.97)
CIE-LCH	lch(78.06, 22.80, 200.47°)
OKLab	oklab(80.28% -0.0668 -0.0219)
OKLCH	oklch(80.28% 0.07 198.1)
XYZ	xyz(43.0815, 53.3158, 67.0403)
Luminance	0.5332 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#87CDCF #CF8987

analogous

#87CFAD #87CDCF #87A9CF

triadic

#87CDCF #CF87CD #CDCF87

tetradic

#87CDCF #AD87CF #CF8987 #A9CF87

square

#87CDCF #AD87CF #CF8987 #A9CF87

split-complementary

#87CDCF #CF87A9 #CFAD87

monochromatic

#3F9A9D #5BBBBE #87CDCF #B3DFE0 #DEF1F2

Accessibility & contrast

On white

1.80

#87CDCF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.66

#87CDCF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #87CDCF

11.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##87CDCF	#FFFFFF	#000000	##000000
##87CDCF	1.00	1.80	11.66	11.66
#FFFFFF	1.80	1.00	21.00	21.00
#000000	11.66	21.00	1.00	1.00
##000000	11.66	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C4C7CF

Deuteranopia (green-blind)

#B7BDD0

Tritanopia (blue-blind)

#6BD2CD

Achromatopsia (no color)

#C1C1C1

Design tokens & code

CSS

--color: #87cdcf;
/* rgb */ color: rgb(135, 205, 207);
/* oklch */ color: oklch(80.3% 0.070 198.1);

Tailwind

colors: {
  custom: {
    50: '#addcdd',
    500: '#87cdcf',
    950: '#000000',
  },
}

SCSS

$custom: #87cdcf;
$custom-light: #addcdd;
$custom-dark: #000000;

JSON

{
  "hex": "#87cdcf",
  "rgb": {
    "r": 135,
    "g": 205,
    "b": 207
  },
  "hsl": {
    "h": 181.667,
    "s": 42.857,
    "l": 67.059
  },
  "oklch": {
    "l": 0.80281,
    "c": 0.07029,
    "h": 198.1
  },
  "luminance": 0.53319
}

Semantic roles & 50–950 ramp

primary

#87CDCF

secondary

#A35A58

accent

#3330B6

background

#FDFEFE

surface

#F7FCFC

border

#D0D5D5

text

#101515

muted

#818484

Preview Lab

Preview with #87CDCF

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →