#D2DFE5

#D2DFE5

Color Values

HEX

#D2DFE5

RGB

210, 223, 229

HSL

198.9, 26.8%, 86.1%

HSV

198.9, 8.3%, 89.8%

CMYK

8.3%, 2.6%, 0.0%, 10.2%

OKLCH

0.8956 0.0163 227.0

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D2DFE5

#E5D8D2

Analogous

#D2E5E2

#D2D6E5

#D2DFE5

Triadic

#D2DFE5

#E5D2DF

#DFE5D2

Split Complementary

#D2DFE5

#E5D2D6

#E5E2D2

Tetradic

#D2DFE5

#E2D2E5

#E5D8D2

#D6E5D2

Color Blindness Simulation

Original

#D2DFE5

Protanopia

#D8D8E4

Deuteranopia

#D7D6E3

Tritanopia

#D3E2E2

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE5
300
#B1C8D2
400
#87AABA
500
#5D8CA2
600
#4B7081
700
#3C5A67
800
#2F4651
900
#25353C
950
#172126

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.43:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026