#D4DCC0

#D4DCC0

Color Values

HEX

#D4DCC0

RGB

212, 220, 192

HSL

77.1, 28.6%, 80.8%

HSV

77.1, 12.7%, 86.3%

CMYK

3.6%, 0.0%, 12.7%, 13.7%

OKLCH

0.8809 0.0385 120.2

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#D4DCC0

#C8C0DC

Analogous

#DCD6C0

#C6DCC0

#D4DCC0

Triadic

#D4DCC0

#C0D4DC

#DCC0D4

Split Complementary

#D4DCC0

#C0C6DC

#D6C0DC

Tetradic

#D4DCC0

#C0DCD6

#C8C0DC

#DCC0C6

Color Blindness Simulation

Original

#D4DCC0

Protanopia

#D7D8C7

Deuteranopia

#D7D6C8

Tritanopia

#D4CCCD

Achromatopsia

#D8D8D8

CSS Usage

background-color: #D4DCC0;
color: #D4DCC0;
border-color: #D4DCC0;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F8F9F5
100
#EFF1E9
200
#E0E6D1
300
#C9D3B0
400
#ACBC86
500
#8FA45B
600
#738349
700
#5C693A
800
#48522E
900
#363D24
950
#222617

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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