#ADDEF6#ADDEF6

#ADDEF6 is a very light, moderate cyan. Relative luminance 0.678; OKLCH L 87.4% C 0.061 H 229.4°. Best body text is #000000 at 14.56:1 contrast (WCAG AA passes).

Color values

HEX	#ADDEF6
RGB	rgb(173, 222, 246)
HSL	hsl(200, 80%, 82%)
HSV	hsv(200, 30%, 96%)
CMYK	cmyk(29.7%, 9.8%, 0%, 3.5%)
CIE-LAB	lab(85.90, -10.32, -16.82)
CIE-LCH	lch(85.90, 19.74, 238.46°)
OKLab	oklab(87.43% -0.0394 -0.046)
OKLCH	oklch(87.43% 0.061 229.4)
XYZ	xyz(59.9843, 67.7779, 97.0927)
Luminance	0.6778 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ADDEF6 #F6C5AD

analogous

#ADF6EA #ADDEF6 #ADBAF6

triadic

#ADDEF6 #F6ADDE #DEF6AD

tetradic

#ADDEF6 #EAADF6 #F6C5AD #BAF6AD

square

#ADDEF6 #EAADF6 #F6C5AD #BAF6AD

split-complementary

#ADDEF6 #F6ADBA #F6EAAD

monochromatic

#3FB2EA #76C8F0 #ADDEF6 #E3F4FC #E3F4FC

Accessibility & contrast

On white

1.44

#ADDEF6 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.56

#ADDEF6 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ADDEF6

14.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ADDEF6	#FFFFFF	#000000	##000000
##ADDEF6	1.00	1.44	14.56	14.56
#FFFFFF	1.44	1.00	21.00	21.00
#000000	14.56	21.00	1.00	1.00
##000000	14.56	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D2DCF7

Deuteranopia (green-blind)

#C7D3F6

Tritanopia (blue-blind)

#96E5E5

Achromatopsia (no color)

#D7D7D7

Design tokens & code

CSS

--color: #addef6;
/* rgb */ color: rgb(173, 222, 246);
/* oklch */ color: oklch(87.4% 0.061 229.4);

Tailwind

colors: {
  custom: {
    50: '#c7e8f9',
    500: '#addef6',
    950: '#000000',
  },
}

SCSS

$custom: #addef6;
$custom-light: #c7e8f9;
$custom-dark: #000000;

JSON

{
  "hex": "#addef6",
  "rgb": {
    "r": 173,
    "g": 222,
    "b": 246
  },
  "hsl": {
    "h": 199.726,
    "s": 80.22,
    "l": 82.157
  },
  "oklch": {
    "l": 0.87431,
    "c": 0.06058,
    "h": 229.4
  },
  "luminance": 0.67781
}

Semantic roles & 50–950 ramp

primary

#ADDEF6

secondary

#D79270

accent

#4F09DD

background

#FDFEFF

surface

#F9FCFF

border

#D2D5D7

text

#131617

muted

#828485

Preview Lab

Preview with #ADDEF6

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

Preview Lab → · Contrast checker → · Palette generator →