#DC8DF7

#DC8DF7

Color Values

HEX

#DC8DF7

RGB

220, 141, 247

HSL

284,7, 86,9%, 76,1%

HSV

284,7, 42,9%, 96,9%

CMYK

10,9%, 42,9%, 0,0%, 3,1%

OKLCH

0,7621 0,1671 317,1

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#DC8DF7

#A8F78D

Analogous

#A78DF7

#F78DDD

#DC8DF7

Triadic

#DC8DF7

#F7DC8D

#8DF7DC

Split Complementary

#DC8DF7

#DDF78D

#8DF7A7

Tetradic

#DC8DF7

#F7A78D

#A8F78D

#8DDDF7

Color Blindness Simulation

Original

#DC8DF7

Protanopia

#BAB9DD

Deuteranopia

#BEC4D7

Tritanopia

#D8C9C5

Achromatopsia

#A5A5A5

CSS Usage

background-color: #DC8DF7;
color: #DC8DF7;
border-color: #DC8DF7;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF2FD
100
#F4E0FA
200
#EBBCFA
300
#DC8DF7
400
#C94FF3
500
#B611EE
600
#910DBF
700
#740B99
800
#5B0877
900
#430B56
950
#2A0737

Contrast Checker

Text on white

2,28:1

AA Fail AAA Fail

Text on black

9,2: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