#DCEDED

#DCEDED

Color Values

HEX

#DCEDED

RGB

220, 237, 237

HSL

180.0, 32.1%, 89.6%

HSV

180.0, 7.2%, 92.9%

CMYK

7.2%, 0.0%, 0.0%, 7.1%

OKLCH

0.9335 0.018 196.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DCEDED

#EDDCDC

Analogous

#DCEDE4

#DCE4ED

#DCEDED

Triadic

#DCEDED

#EDDCED

#EDEDDC

Split Complementary

#DCEDED

#EDDCE4

#EDE4DC

Tetradic

#DCEDED

#E4DCED

#EDDCDC

#E4EDDC

Color Blindness Simulation

Original

#DCEDED

Protanopia

#E3E4ED

Deuteranopia

#E2E1ED

Tritanopia

#DDEDED

Achromatopsia

#E9E9E9

CSS Usage

background-color: #DCEDED;
color: #DCEDED;
border-color: #DCEDED;
Nearest Tailwind: Gray 200 #E5E7EB

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E7E7
300
#AED5D5
400
#82BFBF
500
#57A8A8
600
#458787
700
#376C6C
800
#2B5454
900
#223E3E
950
#162727

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026