#D4C7CF

#D4C7CF

Color Values

HEX

#D4C7CF

RGB

212, 199, 207

HSL

323.1, 13.1%, 80.6%

HSV

323.1, 6.1%, 83.1%

CMYK

0.0%, 6.1%, 2.4%, 16.9%

OKLCH

0.8426 0.018 340.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#D4C7CF

#C7D4CC

Analogous

#D3C7D4

#D4C7C9

#D4C7CF

Triadic

#D4C7CF

#CFD4C7

#C7CFD4

Split Complementary

#D4C7CF

#C9D4C7

#C7D4D3

Tetradic

#D4C7CF

#D4D3C7

#C7D4CC

#C7C9D4

Color Blindness Simulation

Original

#D4C7CF

Protanopia

#CECECD

Deuteranopia

#CFD0CD

Tritanopia

#D3CCCB

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D7DC
300
#CABAC4
400
#AD94A3
500
#906F83
600
#735969
700
#5C4754
800
#483742
900
#362B32
950
#221B1F

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026