#D4D9DA

#D4D9DA

Color Values

HEX

#D4D9DA

RGB

212, 217, 218

HSL

190,0, 7,5%, 84,3%

HSV

190,0, 2,8%, 85,5%

CMYK

2,8%, 0,5%, 0,0%, 14,5%

OKLCH

0,8817 0,0056 211,0

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#D4D9DA

#DAD5D4

Analogous

#D4DAD8

#D4D6DA

#D4D9DA

Triadic

#D4D9DA

#DAD4D9

#D9DAD4

Split Complementary

#D4D9DA

#DAD4D6

#DAD8D4

Tetradic

#D4D9DA

#D8D4DA

#DAD5D4

#D6DAD4

Color Blindness Simulation

Original

#D4D9DA

Protanopia

#D6D6DA

Deuteranopia

#D6D5DA

Tritanopia

#D4DADA

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDE
300
#BDC5C6
400
#9AA5A8
500
#768689
600
#5E6B6E
700
#4B5658
800
#3B4345
900
#2D3334
950
#1D2021

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026