#D4DDDC

#D4DDDC

Color Values

HEX

#D4DDDC

RGB

212, 221, 220

HSL

173.3, 11.7%, 84.9%

HSV

173.3, 4.1%, 86.7%

CMYK

4.1%, 0.0%, 0.5%, 13.3%

OKLCH

0.8904 0.0098 189.0

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D4DDDC

#DDD4D5

Analogous

#D4DDD7

#D4DADD

#D4DDDC

Triadic

#D4DDDC

#DCD4DD

#DDDCD4

Split Complementary

#D4DDDC

#DDD4DA

#DDD7D4

Tetradic

#D4DDDC

#D7D4DD

#DDD4D5

#DADDD4

Color Blindness Simulation

Original

#D4DDDC

Protanopia

#D8D8DC

Deuteranopia

#D7D7DC

Tritanopia

#D4DCDC

Achromatopsia

#DBDBDB

CSS Usage

background-color: #D4DDDC;
color: #D4DDDC;
border-color: #D4DDDC;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFDF
300
#BBC9C7
400
#96ACA9
500
#718E8B
600
#5A726F
700
#485B59
800
#384746
900
#2B3634
950
#1B2221

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026