#D4DAE3

#D4DAE3

Color Values

HEX

#D4DAE3

RGB

212, 218, 227

HSL

216.0, 21.1%, 86.1%

HSV

216.0, 6.6%, 89.0%

CMYK

6.6%, 4.0%, 0.0%, 11.0%

OKLCH

0.8864 0.014 258.3

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#D4DAE3

#E3DDD4

Analogous

#D4E2E3

#D6D4E3

#D4DAE3

Triadic

#D4DAE3

#E3D4DA

#DAE3D4

Split Complementary

#D4DAE3

#E3D6D4

#E2E3D4

Tetradic

#D4DAE3

#E3D4E2

#E3DDD4

#D4E3D6

Color Blindness Simulation

Original

#D4DAE3

Protanopia

#D7D7E1

Deuteranopia

#D6D6E0

Tritanopia

#D4DFDF

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE3
300
#B5BFCF
400
#8D9DB5
500
#657A9A
600
#50627C
700
#404E63
800
#323D4D
900
#272F3A
950
#191D24

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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