#DCCCF5

#DCCCF5

Color Values

HEX

#DCCCF5

RGB

220, 204, 245

HSL

263,4, 67,2%, 88,0%

HSV

263,4, 16,7%, 96,1%

CMYK

10,2%, 16,7%, 0,0%, 3,9%

OKLCH

0,8712 0,0584 303,0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCCF5

#E5F5CC

Analogous

#CCD0F5

#F0CCF5

#DCCCF5

Triadic

#DCCCF5

#F5DCCC

#CCF5DC

Split Complementary

#DCCCF5

#F5F0CC

#D0F5CC

Tetradic

#DCCCF5

#F5CCD0

#E5F5CC

#CCF5F0

Color Blindness Simulation

Original

#DCCCF5

Protanopia

#D5D5EB

Deuteranopia

#D6D7E9

Tritanopia

#DBE3E2

Achromatopsia

#D2D2D2

CSS Usage

background-color: #DCCCF5;
color: #DCCCF5;
border-color: #DCCCF5;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D6C3F3
300
#B999EB
400
#9361E0
500
#6D2AD5
600
#5721AB
700
#461B88
800
#36156B
900
#2A134E
950
#1B0C31

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

14,0: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