#CAEBCC#CAEBCC

#CAEBCC is a very light, muted green. Relative luminance 0.763; OKLCH L 90.8% C 0.054 H 146.8°. Best body text is #000000 at 16.27:1 contrast (WCAG AA passes).

Color values

HEX	#CAEBCC
RGB	rgb(202, 235, 204)
HSL	hsl(124, 45%, 86%)
HSV	hsv(124, 14%, 92%)
CMYK	cmyk(14%, 0%, 13.2%, 7.8%)
CIE-LAB	lab(90.01, -16.52, 11.47)
CIE-LCH	lch(90.01, 20.11, 145.23°)
OKLab	oklab(90.79% -0.0454 0.0297)
OKLCH	oklch(90.79% 0.054 146.8)
XYZ	xyz(64.9621, 76.3317, 68.4260)
Luminance	0.7633 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CAEBCC #EBCAE9

analogous

#D8EBCA #CAEBCC #CAEBDC

triadic

#CAEBCC #CCCAEB #EBCCCA

tetradic

#CAEBCC #CAD8EB #EBCAE9 #EBDCCA

square

#CAEBCC #CAD8EB #EBCAE9 #EBDCCA

split-complementary

#CAEBCC #DCCAEB #EBCAD8

monochromatic

#71C976 #9EDAA1 #CAEBCC #E9F7EA #E9F7EA

Accessibility & contrast

On white

1.29

#CAEBCC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.27

#CAEBCC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CAEBCC

16.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CAEBCC	#FFFFFF	#000000	##000000
##CAEBCC	1.00	1.29	16.27	16.27
#FFFFFF	1.29	1.00	21.00	21.00
#000000	16.27	21.00	1.00	1.00
##000000	16.27	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#ECE5CA

Deuteranopia (green-blind)

#E6E1CD

Tritanopia (blue-blind)

#C7E9E2

Achromatopsia (no color)

#E2E2E2

Design tokens & code

CSS

--color: #caebcc;
/* rgb */ color: rgb(202, 235, 204);
/* oklch */ color: oklch(90.8% 0.054 146.8);

Tailwind

colors: {
  custom: {
    50: '#daf1db',
    500: '#caebcc',
    950: '#000000',
  },
}

SCSS

$custom: #caebcc;
$custom-light: #daf1db;
$custom-dark: #000000;

JSON

{
  "hex": "#caebcc",
  "rgb": {
    "r": 202,
    "g": 235,
    "b": 204
  },
  "hsl": {
    "h": 123.636,
    "s": 45.205,
    "l": 85.686
  },
  "oklch": {
    "l": 0.90789,
    "c": 0.05424,
    "h": 146.8
  },
  "luminance": 0.76333
}

Semantic roles & 50–950 ramp

primary

#CAEBCC

secondary

#C793C4

accent

#2DB0B8

background

#FEFFFE

surface

#FBFEFB

border

#D4D6D4

text

#141615

muted

#838584

Preview Lab

Preview with #CAEBCC

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

Preview Lab → · Contrast checker → · Palette generator →