#D2DFF6

#D2DFF6

Color Values

HEX

#D2DFF6

RGB

210, 223, 246

HSL

218.3, 66.7%, 89.4%

HSV

218.3, 14.6%, 96.5%

CMYK

14.6%, 9.3%, 0.0%, 3.5%

OKLCH

0.9009 0.0346 262.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D2DFF6

#F6E9D2

Analogous

#D2F1F6

#D7D2F6

#D2DFF6

Triadic

#D2DFF6

#F6D2DF

#DFF6D2

Split Complementary

#D2DFF6

#F6D7D2

#F1F6D2

Tetradic

#D2DFF6

#F6D2F1

#F6E9D2

#D2F6D7

Color Blindness Simulation

Original

#D2DFF6

Protanopia

#D8D8F0

Deuteranopia

#D7D6EF

Tritanopia

#D3ECEB

Achromatopsia

#DEDEDE

CSS Usage

background-color: #D2DFF6;
color: #D2DFF6;
border-color: #D2DFF6;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C3D5F3
300
#99B7EB
400
#628FE0
500
#2A68D5
600
#2253AA
700
#1B4388
800
#15346A
900
#13284E
950
#0C1A31

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.63:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026