#DCCBD5

#DCCBD5

Color Values

HEX

#DCCBD5

RGB

220, 203, 213

HSL

324.7, 19.5%, 82.9%

HSV

324.7, 7.7%, 86.3%

CMYK

0.0%, 7.7%, 3.2%, 13.7%

OKLCH

0.8589 0.0231 341.4

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#DCCBD5

#CBDCD2

Analogous

#DACBDC

#DCCBCC

#DCCBD5

Triadic

#DCCBD5

#D5DCCB

#CBD5DC

Split Complementary

#DCCBD5

#CCDCCB

#CBDCDA

Tetradic

#DCCBD5

#DCDACB

#CBDCD2

#CBCCDC

Color Blindness Simulation

Original

#DCCBD5

Protanopia

#D5D4D3

Deuteranopia

#D6D7D2

Tritanopia

#DBD1D0

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D4DD
300
#CEB6C4
400
#B38EA4
500
#986784
600
#7A526A
700
#624254
800
#4C3342
900
#392832
950
#241920

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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