#DCC0F2

#DCC0F2

Color Values

HEX

#DCC0F2

RGB

220, 192, 242

HSL

273.6, 65.8%, 85.1%

HSV

273.6, 20.7%, 94.9%

CMYK

9.1%, 20.7%, 0.0%, 5.1%

OKLCH

0.8476 0.0745 310.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DCC0F2

#D6F2C0

Analogous

#C3C0F2

#F2C0EF

#DCC0F2

Triadic

#DCC0F2

#F2DCC0

#C0F2DC

Split Complementary

#DCC0F2

#EFF2C0

#C0F2C3

Tetradic

#DCC0F2

#F2C3C0

#D6F2C0

#C0EFF2

Color Blindness Simulation

Original

#DCC0F2

Protanopia

#D0D0E6

Deuteranopia

#D2D4E3

Tritanopia

#DBDCDA

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F3
300
#C79AEA
400
#A863DF
500
#8A2CD3
600
#6E23A9
700
#581C87
800
#45166A
900
#34144D
950
#210C31

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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