#D2D3E4

#D2D3E4

Color Values

HEX

#D2D3E4

RGB

210, 211, 228

HSL

236.7, 25.0%, 85.9%

HSV

236.7, 7.9%, 89.4%

CMYK

7.9%, 7.5%, 0.0%, 10.6%

OKLCH

0.8712 0.0233 283.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D2D3E4

#E4E3D2

Analogous

#D2DCE4

#DAD2E4

#D2D3E4

Triadic

#D2D3E4

#E4D2D3

#D3E4D2

Split Complementary

#D2D3E4

#E4DAD2

#DCE4D2

Tetradic

#D2D3E4

#E4D2DC

#E4E3D2

#D2E4DA

Color Blindness Simulation

Original

#D2D3E4

Protanopia

#D2D2E0

Deuteranopia

#D2D2DF

Tritanopia

#D2DDDC

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D3E4
300
#B2B4D1
400
#898CB8
500
#60639F
600
#4D4F80
700
#3D3F66
800
#303250
900
#26273B
950
#181825

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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