#DCE3E9

#DCE3E9

Color Values

HEX

#DCE3E9

RGB

220, 227, 233

HSL

207.7, 22.8%, 88.8%

HSV

207.7, 5.6%, 91.4%

CMYK

5.6%, 2.6%, 0.0%, 8.6%

OKLCH

0.9122 0.0111 243.7

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DCE3E9

#E9E2DC

Analogous

#DCE9E8

#DCDCE9

#DCE3E9

Triadic

#DCE3E9

#E9DCE3

#E3E9DC

Split Complementary

#DCE3E9

#E9DCDC

#E9E8DC

Tetradic

#DCE3E9

#E8DCE9

#E9E2DC

#DCE9DC

Color Blindness Simulation

Original

#DCE3E9

Protanopia

#DFDFE8

Deuteranopia

#DFDEE7

Tritanopia

#DCE6E6

Achromatopsia

#E2E2E2

CSS Usage

background-color: #DCE3E9;
color: #DCE3E9;
border-color: #DCE3E9;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DCE3
300
#B4C3D0
400
#8BA2B6
500
#62829D
600
#4F687D
700
#3F5364
800
#31414E
900
#27313A
950
#181F25

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.21:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026