#DCE2E7

#DCE2E7

Color Values

HEX

#DCE2E7

RGB

220, 226, 231

HSL

207.3, 18.6%, 88.4%

HSV

207.3, 4.8%, 90.6%

CMYK

4.8%, 2.2%, 0.0%, 9.4%

OKLCH

0.9097 0.0094 242.8

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DCE2E7

#E7E1DC

Analogous

#DCE7E6

#DCDCE7

#DCE2E7

Triadic

#DCE2E7

#E7DCE2

#E2E7DC

Split Complementary

#DCE2E7

#E7DCDC

#E7E6DC

Tetradic

#DCE2E7

#E6DCE7

#E7E1DC

#DCE7DC

Color Blindness Simulation

Original

#DCE2E7

Protanopia

#DFDFE6

Deuteranopia

#DEDEE6

Tritanopia

#DCE5E5

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DCE2
300
#B6C3CD
400
#8FA2B2
500
#688297
600
#536879
700
#425361
800
#34414C
900
#283139
950
#191F24

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026