#DCC6FD

#DCC6FD

Color Values

HEX

#DCC6FD

RGB

220, 198, 253

HSL

264.0, 93.2%, 88.4%

HSV

264.0, 21.7%, 99.2%

CMYK

13.0%, 21.7%, 0.0%, 0.8%

OKLCH

0.8628 0.0785 303.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DCC6FD

#E7FDC6

Analogous

#C6CBFD

#F7C6FD

#DCC6FD

Triadic

#DCC6FD

#FDDCC6

#C6FDDC

Split Complementary

#DCC6FD

#FDF7C6

#CBFDC6

Tetradic

#DCC6FD

#FDC6CB

#E7FDC6

#C6FDF7

Color Blindness Simulation

Original

#DCC6FD

Protanopia

#D2D2F0

Deuteranopia

#D4D5EC

Tritanopia

#DBE5E3

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D5BAFD
300
#B689FB
400
#8F49F9
500
#6809F6
600
#5307C5
700
#42069E
800
#34047B
900
#280859
950
#190538

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026