#D4B5CC

#D4B5CC

Color Values

HEX

#D4B5CC

RGB

212, 181, 204

HSL

315.5, 26.5%, 77.1%

HSV

315.5, 14.6%, 83.1%

CMYK

0.0%, 14.6%, 3.8%, 16.9%

OKLCH

0.8068 0.047 335.2

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D4B5CC

#B5D4BD

Analogous

#CDB5D4

#D4B5BD

#D4B5CC

Triadic

#D4B5CC

#CCD4B5

#B5CCD4

Split Complementary

#D4B5CC

#BDD4B5

#B5D4CD

Tetradic

#D4B5CC

#D4CDB5

#B5D4BD

#B5BDD4

Color Blindness Simulation

Original

#D4B5CC

Protanopia

#C7C6C6

Deuteranopia

#C8CBC5

Tritanopia

#D2C2C1

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E0
300
#D2B2CA
400
#BA88AD
500
#A15E90
600
#814B73
700
#673C5C
800
#512F48
900
#3C2536
950
#261722

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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