#DCC9DF

#DCC9DF

Color Values

HEX

#DCC9DF

RGB

220, 201, 223

HSL

291.8, 25.6%, 83.1%

HSV

291.8, 9.9%, 87.5%

CMYK

1.3%, 9.9%, 0.0%, 12.5%

OKLCH

0.8581 0.0364 321.6

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DCC9DF

#CCDFC9

Analogous

#D1C9DF

#DFC9D7

#DCC9DF

Triadic

#DCC9DF

#DFDCC9

#C9DFDC

Split Complementary

#DCC9DF

#D7DFC9

#C9DFD1

Tetradic

#DCC9DF

#DFD1C9

#CCDFC9

#C9D7DF

Color Blindness Simulation

Original

#DCC9DF

Protanopia

#D4D4DA

Deuteranopia

#D5D6D8

Tritanopia

#DBD5D5

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E2D2E4
300
#CDB2D1
400
#B288B9
500
#975FA0
600
#794C80
700
#613D66
800
#4C2F50
900
#39253C
950
#241826

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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