#DC54EE

#DC54EE

Color Values

HEX

#DC54EE

RGB

220, 84, 238

HSL

293.0, 81.9%, 63.1%

HSV

293.0, 64.7%, 93.3%

CMYK

7.6%, 64.7%, 0.0%, 6.7%

OKLCH

0.6833 0.2433 322.8

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#DC54EE

#66EE54

Analogous

#8F54EE

#EE54B3

#DC54EE

Triadic

#DC54EE

#EEDC54

#54EEDC

Split Complementary

#DC54EE

#B3EE54

#54EE8F

Tetradic

#DC54EE

#EE8F54

#66EE54

#54B3EE

Color Blindness Simulation

Original

#DC54EE

Protanopia

#A1A0C9

Deuteranopia

#A9B3C0

Tritanopia

#D5ABA5

Achromatopsia

#7C7C7C

CSS Usage

background-color: #DC54EE;
color: #DC54EE;
border-color: #DC54EE;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FBF2FD
100
#F7E1FA
200
#F2BEF9
300
#E890F4
400
#DC53EE
500
#D017E8
600
#A612BA
700
#850F94
800
#680C74
900
#4C0D54
950
#300835

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026