#D4D4DF

#D4D4DF

Color Values

HEX

#D4D4DF

RGB

212, 212, 223

HSL

240.0, 14.7%, 85.3%

HSV

240.0, 4.9%, 87.5%

CMYK

4.9%, 4.9%, 0.0%, 12.5%

OKLCH

0.8732 0.015 286.1

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#D4D4DF

#DFDFD4

Analogous

#D4DADF

#DAD4DF

#D4D4DF

Triadic

#D4D4DF

#DFD4D4

#D4DFD4

Split Complementary

#D4D4DF

#DFDAD4

#DADFD4

Tetradic

#D4D4DF

#DFD4DA

#DFDFD4

#D4DFDA

Color Blindness Simulation

Original

#D4D4DF

Protanopia

#D4D4DC

Deuteranopia

#D4D4DC

Tritanopia

#D4DADA

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBEF
200
#D6D6E1
300
#B9B9CB
400
#9393AF
500
#6D6D92
600
#575775
700
#46465E
800
#363649
900
#2A2A37
950
#1B1B23

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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