#D4C2CF

#D4C2CF

Color Values

HEX

#D4C2CF

RGB

212, 194, 207

HSL

316.7, 17.3%, 79.6%

HSV

316.7, 8.5%, 83.1%

CMYK

0.0%, 8.5%, 2.4%, 16.9%

OKLCH

0.8328 0.0267 335.5

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#D4C2CF

#C2D4C7

Analogous

#D0C2D4

#D4C2C6

#D4C2CF

Triadic

#D4C2CF

#CFD4C2

#C2CFD4

Split Complementary

#D4C2CF

#C6D4C2

#C2D4D0

Tetradic

#D4C2CF

#D4D0C2

#C2D4C7

#C2C6D4

Color Blindness Simulation

Original

#D4C2CF

Protanopia

#CCCCCC

Deuteranopia

#CDCFCB

Tritanopia

#D3C9C9

Achromatopsia

#C7C7C7

CSS Usage

background-color: #D4C2CF;
color: #D4C2CF;
border-color: #D4C2CF;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D5DE
300
#CCB7C6
400
#B190A8
500
#966989
600
#78546E
700
#604358
800
#4B3545
900
#382934
950
#231A21

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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