#CAE7DB#CAE7DB

#CAE7DB is a very light, muted teal. Relative luminance 0.748; OKLCH L 90.3% C 0.035 H 168.7°. Best body text is #000000 at 15.96:1 contrast (WCAG AA passes).

Color values

HEX	#CAE7DB
RGB	rgb(202, 231, 219)
HSL	hsl(155, 38%, 85%)
HSV	hsv(155, 13%, 91%)
CMYK	cmyk(12.6%, 0%, 5.2%, 9.4%)
CIE-LAB	lab(89.31, -11.79, 2.63)
CIE-LCH	lch(89.31, 12.08, 167.44°)
OKLab	oklab(90.35% -0.0339 0.0068)
OKLCH	oklch(90.35% 0.035 168.7)
XYZ	xyz(65.7162, 74.8216, 77.9838)
Luminance	0.7482 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CAE7DB #E7CAD6

analogous

#CAE7CD #CAE7DB #CAE5E7

triadic

#CAE7DB #DBCAE7 #E7DBCA

tetradic

#CAE7DB #CDCAE7 #E7CAD6 #E5E7CA

square

#CAE7DB #CDCAE7 #E7CAD6 #E5E7CA

split-complementary

#CAE7DB #E7CAE5 #E7CDCA

monochromatic

#76C1A2 #A0D4BE #CAE7DB #EAF5F1 #EAF5F1

Accessibility & contrast

On white

1.32

#CAE7DB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.96

#CAE7DB on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CAE7DB

15.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CAE7DB	#FFFFFF	#000000	##000000
##CAE7DB	1.00	1.32	15.96	15.96
#FFFFFF	1.32	1.00	21.00	21.00
#000000	15.96	21.00	1.00	1.00
##000000	15.96	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E5E3DA

Deuteranopia (green-blind)

#E0DFDC

Tritanopia (blue-blind)

#C4E7E3

Achromatopsia (no color)

#E0E0E0

Design tokens & code

CSS

--color: #cae7db;
/* rgb */ color: rgb(202, 231, 219);
/* oklch */ color: oklch(90.3% 0.035 168.7);

Tailwind

colors: {
  custom: {
    50: '#daeee6',
    500: '#cae7db',
    950: '#000000',
  },
}

SCSS

$custom: #cae7db;
$custom-light: #daeee6;
$custom-dark: #000000;

JSON

{
  "hex": "#cae7db",
  "rgb": {
    "r": 202,
    "g": 231,
    "b": 219
  },
  "hsl": {
    "h": 155.172,
    "s": 37.662,
    "l": 84.902
  },
  "oklch": {
    "l": 0.90346,
    "c": 0.03459,
    "h": 168.7
  },
  "luminance": 0.74823
}

Semantic roles & 50–950 ramp

primary

#CAE7DB

secondary

#C194A7

accent

#3568B1

background

#FEFFFE

surface

#FBFEFC

border

#D4D6D5

text

#141615

muted

#838584

Preview Lab

Preview with #CAE7DB

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

Preview Lab → · Contrast checker → · Palette generator →