#DCEDDF

#DCEDDF

Color Values

HEX

#DCEDDF

RGB

220, 237, 223

HSL

130,6, 32,1%, 89,6%

HSV

130,6, 7,2%, 92,9%

CMYK

7,2%, 0,0%, 5,9%, 7,1%

OKLCH

0,9296 0,026 150,8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DCEDDF

#EDDCEA

Analogous

#E1EDDC

#DCEDE7

#DCEDDF

Triadic

#DCEDDF

#DFDCED

#EDDFDC

Split Complementary

#DCEDDF

#E7DCED

#EDDCE1

Tetradic

#DCEDDF

#DCE1ED

#EDDCEA

#EDE7DC

Color Blindness Simulation

Original

#DCEDDF

Protanopia

#E3E4E2

Deuteranopia

#E2E1E3

Tritanopia

#DDE5E6

Achromatopsia

#E8E8E8

CSS Usage

background-color: #DCEDDF;
color: #DCEDDF;
border-color: #DCEDDF;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F5F9F6
100
#E8F2EA
200
#D0E7D4
300
#AED5B5
400
#82BF8D
500
#57A865
600
#458751
700
#376C41
800
#2B5433
900
#223E27
950
#162719

Contrast Checker

Text on white

1,22:1

AA Fail AAA Fail

Text on black

17,22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026