#DCEAD9

#DCEAD9

Color Values

HEX

#DCEAD9

RGB

220, 234, 217

HSL

109,4, 28,8%, 88,4%

HSV

109,4, 7,3%, 91,8%

CMYK

6,0%, 0,0%, 7,3%, 8,2%

OKLCH

0,9219 0,0272 140,2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DCEAD9

#E7D9EA

Analogous

#E4EAD9

#D9EADE

#DCEAD9

Triadic

#DCEAD9

#D9DCEA

#EAD9DC

Split Complementary

#DCEAD9

#DED9EA

#EAD9E4

Tetradic

#DCEAD9

#D9E4EA

#E7D9EA

#EADED9

Color Blindness Simulation

Original

#DCEAD9

Protanopia

#E2E2DD

Deuteranopia

#E1E0DE

Tritanopia

#DDE0E1

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DCEAD9;
color: #DCEAD9;
border-color: #DCEAD9;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F6F9F5
100
#EAF2E9
200
#D5E6D1
300
#B6D3B0
400
#8FBC85
500
#68A45B
600
#538349
700
#42693A
800
#34522D
900
#283D24
950
#192717

Contrast Checker

Text on white

1,25:1

AA Fail AAA Fail

Text on black

16,81:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026