#DCC1F0

#DCC1F0

Color Values

HEX

#DCC1F0

RGB

220, 193, 240

HSL

274.5, 61.0%, 84.9%

HSV

274.5, 19.6%, 94.1%

CMYK

8.3%, 19.6%, 0.0%, 5.9%

OKLCH

0.8487 0.0704 310.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCC1F0

#D5F0C1

Analogous

#C5C1F0

#F0C1EC

#DCC1F0

Triadic

#DCC1F0

#F0DCC1

#C1F0DC

Split Complementary

#DCC1F0

#ECF0C1

#C1F0C5

Tetradic

#DCC1F0

#F0C5C1

#D5F0C1

#C1ECF0

Color Blindness Simulation

Original

#DCC1F0

Protanopia

#D0D0E5

Deuteranopia

#D2D4E2

Tritanopia

#DBDCDA

Achromatopsia

#CACACA

CSS Usage

background-color: #DCC1F0;
color: #DCC1F0;
border-color: #DCC1F0;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#DFC6F1
300
#C79CE7
400
#A967DA
500
#8B32CD
600
#6F28A4
700
#592083
800
#461967
900
#34164B
950
#210E2F

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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