#DCEDE2#DCEDE2

#DCEDE2 is a very light, muted green. Relative luminance 0.813; OKLCH L 93.0% C 0.023 H 157.6°. Best body text is #000000 at 17.26:1 contrast (WCAG AA passes).

Color values

HEX	#DCEDE2
RGB	rgb(220, 237, 226)
HSL	hsl(141, 32%, 90%)
HSV	hsv(141, 7%, 93%)
CMYK	cmyk(7.2%, 0%, 4.6%, 7.1%)
CIE-LAB	lab(92.25, -7.62, 3.40)
CIE-LCH	lch(92.25, 8.35, 155.99°)
OKLab	oklab(93.04% -0.0215 0.0089)
OKLCH	oklch(93.04% 0.023 157.6)
XYZ	xyz(73.5241, 81.2743, 83.7507)
Luminance	0.8127 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DCEDE2 #EDDCE7

analogous

#DFEDDC #DCEDE2 #DCEDEB

triadic

#DCEDE2 #E2DCED #EDE2DC

tetradic

#DCEDE2 #DCDFED #EDDCE7 #EDEBDC

square

#DCEDE2 #DCDFED #EDDCE7 #EDEBDC

split-complementary

#DCEDE2 #EBDCED #EDDCDF

monochromatic

#8BC39F #B4D8C1 #DCEDE2 #EBF5EE #EBF5EE

Accessibility & contrast

On white

1.22

#DCEDE2 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.26

#DCEDE2 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DCEDE2

17.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DCEDE2	#FFFFFF	#000000	##000000
##DCEDE2	1.00	1.22	17.26	17.26
#FFFFFF	1.22	1.00	21.00	21.00
#000000	17.26	21.00	1.00	1.00
##000000	17.26	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EDEAE1

Deuteranopia (green-blind)

#E9E8E3

Tritanopia (blue-blind)

#DAEDEA

Achromatopsia (no color)

#E9E9E9

Design tokens & code

CSS

--color: #dcede2;
/* rgb */ color: rgb(220, 237, 226);
/* oklch */ color: oklch(93.0% 0.023 157.6);

Tailwind

colors: {
  custom: {
    50: '#e6f2eb',
    500: '#dcede2',
    950: '#000000',
  },
}

SCSS

$custom: #dcede2;
$custom-light: #e6f2eb;
$custom-dark: #000000;

JSON

{
  "hex": "#dcede2",
  "rgb": {
    "r": 220,
    "g": 237,
    "b": 226
  },
  "hsl": {
    "h": 141.176,
    "s": 32.075,
    "l": 89.608
  },
  "oklch": {
    "l": 0.93039,
    "c": 0.02324,
    "h": 157.6
  },
  "luminance": 0.81275
}

Semantic roles & 50–950 ramp

primary

#DCEDE2

secondary

#C7A6BB

accent

#3B83AB

background

#FEFFFE

surface

#FCFEFD

border

#D5D6D5

text

#161716

muted

#848584

Preview Lab

Preview with #DCEDE2

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

Preview Lab → · Contrast checker → · Palette generator →