#D4DCC4

#D4DCC4

Color Values

HEX

#D4DCC4

RGB

212, 220, 196

HSL

80.0, 25.5%, 81.6%

HSV

80.0, 10.9%, 86.3%

CMYK

3.6%, 0.0%, 10.9%, 13.7%

OKLCH

0.8819 0.0334 122.1

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#D4DCC4

#CCC4DC

Analogous

#DCD8C4

#C8DCC4

#D4DCC4

Triadic

#D4DCC4

#C4D4DC

#DCC4D4

Split Complementary

#D4DCC4

#C4C8DC

#D8C4DC

Tetradic

#D4DCC4

#C4DCD8

#CCC4DC

#DCC4C8

Color Blindness Simulation

Original

#D4DCC4

Protanopia

#D7D8CA

Deuteranopia

#D7D6CB

Tritanopia

#D4CECF

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DEE4D2
300
#C7D1B2
400
#A9B989
500
#8AA05F
600
#6F804C
700
#59663D
800
#45502F
900
#343C25
950
#212618

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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