#81ECDD#81ECDD

#81ECDD is a very light, moderate teal. Relative luminance 0.699; OKLCH L 87.5% C 0.102 H 183.8°. Best body text is #000000 at 14.98:1 contrast (WCAG AA passes).

Color values

HEX	#81ECDD
RGB	rgb(129, 236, 221)
HSL	hsl(172, 74%, 72%)
HSV	hsv(172, 45%, 93%)
CMYK	cmyk(45.3%, 0%, 6.4%, 7.5%)
CIE-LAB	lab(86.94, -34.50, -2.34)
CIE-LCH	lch(86.94, 34.58, 183.89°)
OKLab	oklab(87.47% -0.1019 -0.0068)
OKLCH	oklch(87.47% 0.102 183.8)
XYZ	xyz(52.0946, 69.8743, 79.1345)
Luminance	0.6988 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#81ECDD #EC8190

analogous

#81ECA8 #81ECDD #81C6EC

triadic

#81ECDD #DD81EC #ECDD81

tetradic

#81ECDD #A881EC #EC8190 #C6EC81

square

#81ECDD #A881EC #EC8190 #C6EC81

split-complementary

#81ECDD #EC81C6 #ECA881

monochromatic

#20D3BA #4CE4CF #81ECDD #B6F4EB #E4FBF8

Accessibility & contrast

On white

1.40

#81ECDD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.98

#81ECDD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #81ECDD

14.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##81ECDD	#FFFFFF	#000000	##000000
##81ECDD	1.00	1.40	14.98	14.98
#FFFFFF	1.40	1.00	21.00	21.00
#000000	14.98	21.00	1.00	1.00
##000000	14.98	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E3E1DD

Deuteranopia (green-blind)

#D1D4DE

Tritanopia (blue-blind)

#51F0E7

Achromatopsia (no color)

#DADADA

Design tokens & code

CSS

--color: #81ecdd;
/* rgb */ color: rgb(129, 236, 221);
/* oklch */ color: oklch(87.5% 0.102 183.8);

Tailwind

colors: {
  custom: {
    50: '#acf2e7',
    500: '#81ecdd',
    950: '#000000',
  },
}

SCSS

$custom: #81ecdd;
$custom-light: #acf2e7;
$custom-dark: #000000;

JSON

{
  "hex": "#81ecdd",
  "rgb": {
    "r": 129,
    "g": 236,
    "b": 221
  },
  "hsl": {
    "h": 171.589,
    "s": 73.793,
    "l": 71.569
  },
  "oklch": {
    "l": 0.87465,
    "c": 0.10213,
    "h": 183.8
  },
  "luminance": 0.69878
}

Semantic roles & 50–950 ramp

primary

#81ECDD

secondary

#C64B5D

accent

#102BD6

background

#FDFFFE

surface

#F7FEFC

border

#D0D6D5

text

#111716

muted

#818584

Preview Lab

Preview with #81ECDD

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

Preview Lab → · Contrast checker → · Palette generator →