#D5BCCE

#D5BCCE

Color Values

HEX

#D5BCCE

RGB

213, 188, 206

HSL

316.8, 22.9%, 78.6%

HSV

316.8, 11.7%, 83.5%

CMYK

0.0%, 11.7%, 3.3%, 16.5%

OKLCH

0.8217 0.0372 335.9

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#D5BCCE

#BCD5C3

Analogous

#CFBCD5

#D5BCC1

#D5BCCE

Triadic

#D5BCCE

#CED5BC

#BCCED5

Split Complementary

#D5BCCE

#C1D5BC

#BCD5CF

Tetradic

#D5BCCE

#D5CFBC

#BCD5C3

#BCC1D5

Color Blindness Simulation

Original

#D5BCCE

Protanopia

#CACACA

Deuteranopia

#CCCEC9

Tritanopia

#D4C6C5

Achromatopsia

#C3C3C3

CSS Usage

background-color: #D5BCCE;
color: #D5BCCE;
border-color: #D5BCCE;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3DF
300
#D0B4C8
400
#B68BAA
500
#9D628C
600
#7D4F70
700
#643F5A
800
#4E3146
900
#3A2635
950
#251821

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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