#DCC6FB

#DCC6FB

Color Values

HEX

#DCC6FB

RGB

220, 198, 251

HSL

264.9, 86.9%, 88.0%

HSV

264.9, 21.1%, 98.4%

CMYK

12.4%, 21.1%, 0.0%, 1.6%

OKLCH

0.862 0.0759 303.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DCC6FB

#E5FBC6

Analogous

#C6CAFB

#F6C6FB

#DCC6FB

Triadic

#DCC6FB

#FBDCC6

#C6FBDC

Split Complementary

#DCC6FB

#FBF6C6

#CAFBC6

Tetradic

#DCC6FB

#FBC6CA

#E5FBC6

#C6FBF6

Color Blindness Simulation

Original

#DCC6FB

Protanopia

#D2D2EE

Deuteranopia

#D4D5EB

Tritanopia

#DBE4E2

Achromatopsia

#CFCFCF

CSS Usage

background-color: #DCC6FB;
color: #DCC6FB;
border-color: #DCC6FB;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D6BCFA
300
#B98DF7
400
#934FF3
500
#6D11EE
600
#570DBF
700
#460B99
800
#360877
900
#2A0B56
950
#1B0737

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026