#DCCFFA

#DCCFFA

Color Values

HEX

#DCCFFA

RGB

220, 207, 250

HSL

258.1, 81.1%, 89.6%

HSV

258.1, 17.2%, 98.0%

CMYK

12.0%, 17.2%, 0.0%, 2.0%

OKLCH

0.8787 0.0601 299.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCFFA

#EDFACF

Analogous

#CFD8FA

#F1CFFA

#DCCFFA

Triadic

#DCCFFA

#FADCCF

#CFFADC

Split Complementary

#DCCFFA

#FAF1CF

#D8FACF

Tetradic

#DCCFFA

#FACFD8

#EDFACF

#CFFAF1

Color Blindness Simulation

Original

#DCCFFA

Protanopia

#D6D6F0

Deuteranopia

#D7D8ED

Tritanopia

#DBE7E6

Achromatopsia

#D5D5D5

CSS Usage

background-color: #DCCFFA;
color: #DCCFFA;
border-color: #DCCFFA;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F5F2FD
100
#E8E1F9
200
#D0BEF8
300
#AE90F3
400
#8254ED
500
#5618E7
600
#4513B9
700
#370F94
800
#2B0C73
900
#220D54
950
#160835

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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