#DC54CE

#DC54CE

Color Values

HEX

#DC54CE

RGB

220, 84, 206

HSL

306,2, 66,0%, 59,6%

HSV

306,2, 61,8%, 86,3%

CMYK

0,0%, 61,8%, 6,4%, 13,7%

OKLCH

0,6666 0,2175 332,0

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#DC54CE

#54DC62

Analogous

#A654DC

#DC548A

#DC54CE

Triadic

#DC54CE

#CEDC54

#54CEDC

Split Complementary

#DC54CE

#8ADC54

#54DCA6

Tetradic

#DC54CE

#DCA654

#54DC62

#548ADC

Color Blindness Simulation

Original

#DC54CE

Protanopia

#A1A0B1

Deuteranopia

#A9B3A9

Tritanopia

#D59994

Achromatopsia

#7A7A7A

CSS Usage

background-color: #DC54CE;
color: #DC54CE;
border-color: #DC54CE;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C4EE
300
#EA99E2
400
#DF62D2
500
#D42BC2
600
#A9239B
700
#871C7C
800
#6A1661
900
#4D1447
950
#310C2D

Contrast Checker

Text on white

3,39:1

AA Fail AAA Fail

Text on black

6,2:1

AA Pass AAA Fail

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