#DCBBD6

#DCBBD6

Color Values

HEX

#DCBBD6

RGB

220, 187, 214

HSL

310.9, 32.0%, 79.8%

HSV

310.9, 15.0%, 86.3%

CMYK

0.0%, 15.0%, 2.7%, 13.7%

OKLCH

0.8286 0.052 332.2

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DCBBD6

#BBDCC1

Analogous

#D1BBDC

#DCBBC6

#DCBBD6

Triadic

#DCBBD6

#D6DCBB

#BBD6DC

Split Complementary

#DCBBD6

#C6DCBB

#BBDCD1

Tetradic

#DCBBD6

#DCD1BB

#BBDCC1

#BBC6DC

Color Blindness Simulation

Original

#DCBBD6

Protanopia

#CECDCF

Deuteranopia

#D0D2CE

Tritanopia

#DACAC9

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F0
200
#E7D0E3
300
#D5AECE
400
#BF82B4
500
#A85799
600
#87457B
700
#6C3762
800
#542B4D
900
#3E2239
950
#271624

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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