#D3B4CC

#D3B4CC

Color Values

HEX

#D3B4CC

RGB

211, 180, 204

HSL

313.5, 26.1%, 76.7%

HSV

313.5, 14.7%, 82.7%

CMYK

0.0%, 14.7%, 3.3%, 17.3%

OKLCH

0.804 0.048 333.9

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D3B4CC

#B4D3BB

Analogous

#CBB4D3

#D3B4BD

#D3B4CC

Triadic

#D3B4CC

#CCD3B4

#B4CCD3

Split Complementary

#D3B4CC

#BDD3B4

#B4D3CB

Tetradic

#D3B4CC

#D3CBB4

#B4D3BB

#B4BDD3

Color Blindness Simulation

Original

#D3B4CC

Protanopia

#C6C5C6

Deuteranopia

#C7CAC5

Tritanopia

#D1C2C1

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E0
300
#D2B2CB
400
#B988AE
500
#A15E92
600
#814B75
700
#673C5D
800
#502F49
900
#3C2537
950
#261723

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026