#D4BEC7

#D4BEC7

Color Values

HEX

#D4BEC7

RGB

212, 190, 199

HSL

335.5, 20.4%, 78.8%

HSV

335.5, 10.4%, 83.1%

CMYK

0.0%, 10.4%, 6.1%, 16.9%

OKLCH

0.8226 0.0276 351.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#D4BEC7

#BED4CB

Analogous

#D4BED2

#D4C0BE

#D4BEC7

Triadic

#D4BEC7

#C7D4BE

#BEC7D4

Split Complementary

#D4BEC7

#BED4C0

#BED2D4

Tetradic

#D4BEC7

#D2D4BE

#BED4CB

#C0BED4

Color Blindness Simulation

Original

#D4BEC7

Protanopia

#CACAC5

Deuteranopia

#CCCDC4

Tritanopia

#D3C3C3

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E3D4DA
300
#CEB5C0
400
#B48D9D
500
#9A657B
600
#7B5162
700
#62414F
800
#4D333D
900
#39282F
950
#24191E

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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