#D2D7CC

#D2D7CC

Color Values

HEX

#D2D7CC

RGB

210, 215, 204

HSL

87.3, 12.1%, 82.2%

HSV

87.3, 5.1%, 84.3%

CMYK

2.3%, 0.0%, 5.1%, 15.7%

OKLCH

0.8722 0.0158 126.8

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#D2D7CC

#D1CCD7

Analogous

#D7D7CC

#CDD7CC

#D2D7CC

Triadic

#D2D7CC

#CCD2D7

#D7CCD2

Split Complementary

#D2D7CC

#CCCDD7

#D7CCD7

Tetradic

#D2D7CC

#CCD7D7

#D1CCD7

#D7CCCD

Color Blindness Simulation

Original

#D2D7CC

Protanopia

#D4D4CF

Deuteranopia

#D4D4CF

Tritanopia

#D2D1D1

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DCE0D7
300
#C2C9BA
400
#A2AC95
500
#818F70
600
#67725A
700
#525B48
800
#404738
900
#31362B
950
#1F221B

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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