#D4DCE2

#D4DCE2

Color Values

HEX

#D4DCE2

RGB

212, 220, 226

HSL

205.7, 19.4%, 85.9%

HSV

205.7, 6.2%, 88.6%

CMYK

6.2%, 2.7%, 0.0%, 11.4%

OKLCH

0.8901 0.012 239.9

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D4DCE2

#E2DAD4

Analogous

#D4E2E1

#D4D5E2

#D4DCE2

Triadic

#D4DCE2

#E2D4DC

#DCE2D4

Split Complementary

#D4DCE2

#E2D4D5

#E2E1D4

Tetradic

#D4DCE2

#E1D4E2

#E2DAD4

#D5E2D4

Color Blindness Simulation

Original

#D4DCE2

Protanopia

#D7D8E1

Deuteranopia

#D7D6E0

Tritanopia

#D4DFDF

Achromatopsia

#DBDBDB

CSS Usage

background-color: #D4DCE2;
color: #D4DCE2;
border-color: #D4DCE2;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DCE2
300
#B6C4CE
400
#8EA3B3
500
#678398
600
#52697A
700
#425461
800
#33424C
900
#283239
950
#191F24

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.13: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