#D1DFE6

#D1DFE6

Color Values

HEX

#D1DFE6

RGB

209, 223, 230

HSL

200.0, 29.6%, 86.1%

HSV

200.0, 9.1%, 90.2%

CMYK

9.1%, 3.0%, 0.0%, 9.8%

OKLCH

0.8952 0.0179 229.0

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D1DFE6

#E6D8D1

Analogous

#D1E6E3

#D1D5E6

#D1DFE6

Triadic

#D1DFE6

#E6D1DF

#DFE6D1

Split Complementary

#D1DFE6

#E6D1D5

#E6E3D1

Tetradic

#D1DFE6

#E3D1E6

#E6D8D1

#D5E6D1

Color Blindness Simulation

Original

#D1DFE6

Protanopia

#D7D7E4

Deuteranopia

#D6D5E4

Tritanopia

#D2E3E3

Achromatopsia

#DDDDDD

CSS Usage

background-color: #D1DFE6;
color: #D1DFE6;
border-color: #D1DFE6;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1DFE6
300
#B0C8D4
400
#85AABD
500
#5A8CA5
600
#487084
700
#395A6A
800
#2D4653
900
#24353D
950
#162127

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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