#D1D3CF

#D1D3CF

Color Values

HEX

#D1D3CF

RGB

209, 211, 207

HSL

90.0, 4.3%, 82.0%

HSV

90.0, 1.9%, 82.7%

CMYK

0.9%, 0.0%, 1.9%, 17.3%

OKLCH

0.8642 0.0058 128.5

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#D1D3CF

#D1CFD3

Analogous

#D3D3CF

#CFD3CF

#D1D3CF

Triadic

#D1D3CF

#CFD1D3

#D3CFD1

Split Complementary

#D1D3CF

#CFCFD3

#D3CFD3

Tetradic

#D1D3CF

#CFD3D3

#D1CFD3

#D3CFCF

Color Blindness Simulation

Original

#D1D3CF

Protanopia

#D2D2D0

Deuteranopia

#D2D2D0

Tritanopia

#D1D1D1

Achromatopsia

#D2D2D2

CSS Usage

background-color: #D1D3CF;
color: #D1D3CF;
border-color: #D1D3CF;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDDDA
300
#C2C4BF
400
#A1A59D
500
#80857A
600
#666A62
700
#52554E
800
#40423D
900
#30322F
950
#1F201D

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026