#D2D4BC

#D2D4BC

Color Values

HEX

#D2D4BC

RGB

210, 212, 188

HSL

65.0, 21.8%, 78.4%

HSV

65.0, 11.3%, 83.1%

CMYK

0.9%, 0.0%, 11.3%, 16.9%

OKLCH

0.8619 0.0324 110.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#D2D4BC

#BEBCD4

Analogous

#D4CABC

#C6D4BC

#D2D4BC

Triadic

#D2D4BC

#BCD2D4

#D4BCD2

Split Complementary

#D2D4BC

#BCC6D4

#CABCD4

Tetradic

#D2D4BC

#BCD4CA

#BEBCD4

#D4BCC6

Color Blindness Simulation

Original

#D2D4BC

Protanopia

#D3D3C2

Deuteranopia

#D3D3C3

Tritanopia

#D2C6C7

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E2E3D4
300
#CDCFB4
400
#B2B58C
500
#979B64
600
#797C50
700
#606340
800
#4B4E32
900
#383A27
950
#242519

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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