#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026