#D1DADB

#D1DADB

Color Values

HEX

#D1DADB

RGB

209, 218, 219

HSL

186.0, 12.2%, 83.9%

HSV

186.0, 4.6%, 85.9%

CMYK

4.6%, 0.5%, 0.0%, 14.1%

OKLCH

0.8818 0.0099 204.9

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#D1DADB

#DBD2D1

Analogous

#D1DBD7

#D1D5DB

#D1DADB

Triadic

#D1DADB

#DBD1DA

#DADBD1

Split Complementary

#D1DADB

#DBD1D5

#DBD7D1

Tetradic

#D1DADB

#D7D1DB

#DBD2D1

#D5DBD1

Color Blindness Simulation

Original

#D1DADB

Protanopia

#D5D5DB

Deuteranopia

#D4D4DB

Tritanopia

#D1DBDB

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC8C9
400
#95AAAC
500
#708C8F
600
#5A7072
700
#485A5C
800
#384648
900
#2B3536
950
#1B2122

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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