#D4BBC2

#D4BBC2

Color Values

HEX

#D4BBC2

RGB

212, 187, 194

HSL

343.2, 22.5%, 78.2%

HSV

343.2, 11.8%, 83.1%

CMYK

0.0%, 11.8%, 8.5%, 16.9%

OKLCH

0.8153 0.0299 359.0

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#D4BBC2

#BBD4CD

Analogous

#D4BBCE

#D4C0BB

#D4BBC2

Triadic

#D4BBC2

#C2D4BB

#BBC2D4

Split Complementary

#D4BBC2

#BBD4C0

#BBCED4

Tetradic

#D4BBC2

#CED4BB

#BBD4CD

#C0BBD4

Color Blindness Simulation

Original

#D4BBC2

Protanopia

#C9C9C0

Deuteranopia

#CBCCC0

Tritanopia

#D3BFBF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #D4BBC2;
color: #D4BBC2;
border-color: #D4BBC2;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E3D3D8
300
#D0B4BC
400
#B68B97
500
#9C6373
600
#7D4F5C
700
#643F4A
800
#4E3139
900
#3A272C
950
#25181C

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026