#D4BEC2

#D4BEC2

Color Values

HEX

#D4BEC2

RGB

212, 190, 194

HSL

349.1, 20.4%, 78.8%

HSV

349.1, 10.4%, 83.1%

CMYK

0.0%, 10.4%, 8.5%, 16.9%

OKLCH

0.8211 0.0255 5.2

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#D4BEC2

#BED4D0

Analogous

#D4BECD

#D4C5BE

#D4BEC2

Triadic

#D4BEC2

#C2D4BE

#BEC2D4

Split Complementary

#D4BEC2

#BED4C5

#BECDD4

Tetradic

#D4BEC2

#CDD4BE

#BED4D0

#C5BED4

Color Blindness Simulation

Original

#D4BEC2

Protanopia

#CACAC1

Deuteranopia

#CCCDC1

Tritanopia

#D3C0C0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEB
200
#E3D4D7
300
#CEB5BA
400
#B48D94
500
#9A656F
600
#7B5159
700
#624147
800
#4D3337
900
#39282B
950
#24191B

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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