#D4BECE

#D4BECE

Color Values

HEX

#D4BECE

RGB

212, 190, 206

HSL

316.4, 20.4%, 78.8%

HSV

316.4, 10.4%, 83.1%

CMYK

0.0%, 10.4%, 2.8%, 16.9%

OKLCH

0.8247 0.0329 335.5

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#D4BECE

#BED4C4

Analogous

#CFBED4

#D4BEC3

#D4BECE

Triadic

#D4BECE

#CED4BE

#BECED4

Split Complementary

#D4BECE

#C3D4BE

#BED4CF

Tetradic

#D4BECE

#D4CFBE

#BED4C4

#BEC3D4

Color Blindness Simulation

Original

#D4BECE

Protanopia

#CACACA

Deuteranopia

#CCCDC9

Tritanopia

#D3C7C6

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4DF
300
#CEB5C7
400
#B48DA9
500
#9A658B
600
#7B516F
700
#624159
800
#4D3346
900
#392834
950
#241921

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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