#D4B7BD

#D4B7BD

Color Values

HEX

#D4B7BD

RGB

212, 183, 189

HSL

347.6, 25.2%, 77.5%

HSV

347.6, 13.7%, 83.1%

CMYK

0.0%, 13.7%, 10.8%, 16.9%

OKLCH

0.8061 0.0342 3.9

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#D4B7BD

#B7D4CE

Analogous

#D4B7CC

#D4C0B7

#D4B7BD

Triadic

#D4B7BD

#BDD4B7

#B7BDD4

Split Complementary

#D4B7BD

#B7D4C0

#B7CCD4

Tetradic

#D4B7BD

#CCD4B7

#B7D4CE

#C0B7D4

Color Blindness Simulation

Original

#D4B7BD

Protanopia

#C7C7BC

Deuteranopia

#C9CBBB

Tritanopia

#D3BABA

Achromatopsia

#BEBEBE

CSS Usage

background-color: #D4B7BD;
color: #D4B7BD;
border-color: #D4B7BD;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E4D2D6
300
#D1B2B9
400
#B88993
500
#A05F6D
600
#804C57
700
#663D46
800
#503036
900
#3B252A
950
#26181B

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.31:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026