#82DDCE#82DDCE

#82DDCE is a very light, moderate teal. Relative luminance 0.609; OKLCH L 83.6% C 0.090 H 182.3°. Best body text is #000000 at 13.18:1 contrast (WCAG AA passes).

Color values

HEX	#82DDCE
RGB	rgb(130, 221, 206)
HSL	hsl(170, 57%, 69%)
HSV	hsv(170, 41%, 87%)
CMYK	cmyk(41.2%, 0%, 6.8%, 13.3%)
CIE-LAB	lab(82.33, -30.71, -1.17)
CIE-LCH	lch(82.33, 30.74, 182.18°)
OKLab	oklab(83.64% -0.0903 -0.0036)
OKLCH	oklch(83.64% 0.09 182.3)
XYZ	xyz(46.1986, 60.9116, 67.7032)
Luminance	0.6091 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#82DDCE #DD8291

analogous

#82DDA1 #82DDCE #82BFDD

triadic

#82DDCE #CE82DD #DDCE82

tetradic

#82DDCE #A182DD #DD8291 #BFDD82

square

#82DDCE #A182DD #DD8291 #BFDD82

split-complementary

#82DDCE #DD82BF #DDA182

monochromatic

#31B49E #52D0BB #82DDCE #B2EAE1 #E2F7F4

Accessibility & contrast

On white

1.59

#82DDCE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.18

#82DDCE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #82DDCE

13.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##82DDCE	#FFFFFF	#000000	##000000
##82DDCE	1.00	1.59	13.18	13.18
#FFFFFF	1.59	1.00	21.00	21.00
#000000	13.18	21.00	1.00	1.00
##000000	13.18	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D5D4CD

Deuteranopia (green-blind)

#C6C8CF

Tritanopia (blue-blind)

#5FE0D8

Achromatopsia (no color)

#CDCDCD

Design tokens & code

CSS

--color: #82ddce;
/* rgb */ color: rgb(130, 221, 206);
/* oklch */ color: oklch(83.6% 0.090 182.3);

Tailwind

colors: {
  custom: {
    50: '#abe8dc',
    500: '#82ddce',
    950: '#000000',
  },
}

SCSS

$custom: #82ddce;
$custom-light: #abe8dc;
$custom-dark: #000000;

JSON

{
  "hex": "#82ddce",
  "rgb": {
    "r": 130,
    "g": 221,
    "b": 206
  },
  "hsl": {
    "h": 170.11,
    "s": 57.233,
    "l": 68.824
  },
  "oklch": {
    "l": 0.83636,
    "c": 0.0904,
    "h": 182.3
  },
  "luminance": 0.60915
}

Semantic roles & 50–950 ramp

primary

#82DDCE

secondary

#B44F60

accent

#213CC5

background

#FDFEFE

surface

#F7FCFC

border

#D0D5D5

text

#101615

muted

#818484

Preview Lab

Preview with #82DDCE

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

Preview Lab → · Contrast checker → · Palette generator →