#87FBFC#87FBFC

#87FBFC is a very light, moderate teal. Relative luminance 0.812; OKLCH L 92.1% C 0.106 H 196.2°. Best body text is #000000 at 17.23:1 contrast (WCAG AA passes).

Color values

HEX	#87FBFC
RGB	rgb(135, 251, 252)
HSL	hsl(181, 95%, 76%)
HSV	hsv(181, 46%, 99%)
CMYK	cmyk(46.4%, 0.4%, 0%, 1.2%)
CIE-LAB	lab(92.21, -32.65, -10.70)
CIE-LCH	lch(92.21, 34.36, 198.14°)
OKLab	oklab(92.05% -0.1016 -0.0295)
OKLCH	oklch(92.05% 0.106 196.2)
XYZ	xyz(62.0525, 81.1683, 104.4736)
Luminance	0.8117 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#87FBFC #FC8887

analogous

#87FCC2 #87FBFC #87C0FC

triadic

#87FBFC #FC87FB #FBFC87

tetradic

#87FBFC #C287FC #FC8887 #C0FC87

square

#87FBFC #C287FC #FC8887 #C0FC87

split-complementary

#87FBFC #FC87C0 #FCC287

monochromatic

#10F7F9 #4BF9FB #87FBFC #C3FDFD #E1FEFE

Accessibility & contrast

On white

1.22

#87FBFC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.23

#87FBFC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #87FBFC

17.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##87FBFC	#FFFFFF	#000000	##000000
##87FBFC	1.00	1.22	17.23	17.23
#FFFFFF	1.22	1.00	21.00	21.00
#000000	17.23	21.00	1.00	1.00
##000000	17.23	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EEF1FC

Deuteranopia (green-blind)

#D9E2FD

Tritanopia (blue-blind)

#43FFFB

Achromatopsia (no color)

#E9E9E9

Design tokens & code

CSS

--color: #87fbfc;
/* rgb */ color: rgb(135, 251, 252);
/* oklch */ color: oklch(92.1% 0.106 196.2);

Tailwind

colors: {
  custom: {
    50: '#b1fdfd',
    500: '#87fbfc',
    950: '#000000',
  },
}

SCSS

$custom: #87fbfc;
$custom-light: #b1fdfd;
$custom-dark: #000000;

JSON

{
  "hex": "#87fbfc",
  "rgb": {
    "r": 135,
    "g": 251,
    "b": 252
  },
  "hsl": {
    "h": 180.513,
    "s": 95.122,
    "l": 75.882
  },
  "oklch": {
    "l": 0.92053,
    "c": 0.10584,
    "h": 196.2
  },
  "luminance": 0.81174
}

Semantic roles & 50–950 ramp

primary

#87FBFC

secondary

#DB4D4C

accent

#0200E6

background

#FDFFFF

surface

#F8FFFF

border

#D1D7D7

text

#111717

muted

#818585

Preview Lab

Preview with #87FBFC

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

Preview Lab → · Contrast checker → · Palette generator →