#D2DCE4

#D2DCE4

Color Values

HEX

#D2DCE4

RGB

210, 220, 228

HSL

206.7, 25.0%, 85.9%

HSV

206.7, 7.9%, 89.4%

CMYK

7.9%, 3.5%, 0.0%, 10.6%

OKLCH

0.8892 0.0154 241.8

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D2DCE4

#E4DAD2

Analogous

#D2E4E3

#D2D3E4

#D2DCE4

Triadic

#D2DCE4

#E4D2DC

#DCE4D2

Split Complementary

#D2DCE4

#E4D2D3

#E4E3D2

Tetradic

#D2DCE4

#E3D2E4

#E4DAD2

#D3E4D2

Color Blindness Simulation

Original

#D2DCE4

Protanopia

#D6D6E2

Deuteranopia

#D6D5E2

Tritanopia

#D2E1E0

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DCE4
300
#B2C3D1
400
#89A3B8
500
#60839F
600
#4D6980
700
#3D5466
800
#304250
900
#26323B
950
#181F25

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026