#D2DFEA

#D2DFEA

Color Values

HEX

#D2DFEA

RGB

210, 223, 234

HSL

207.5, 36.4%, 87.1%

HSV

207.5, 10.3%, 91.8%

CMYK

10.3%, 4.7%, 0.0%, 8.2%

OKLCH

0.8971 0.0206 243.4

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D2DFEA

#EADDD2

Analogous

#D2EAE9

#D2D3EA

#D2DFEA

Triadic

#D2DFEA

#EAD2DF

#DFEAD2

Split Complementary

#D2DFEA

#EAD2D3

#EAE9D2

Tetradic

#D2DFEA

#E9D2EA

#EADDD2

#D3EAD2

Color Blindness Simulation

Original

#D2DFEA

Protanopia

#D8D8E7

Deuteranopia

#D7D6E7

Tritanopia

#D3E5E5

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDCE8
300
#ACC4D8
400
#7EA4C3
500
#5183AE
600
#41698B
700
#34546F
800
#294257
900
#213240
950
#151F29

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026