#DC4CF5

#DC4CF5

Color Values

HEX

#DC4CF5

RGB

220, 76, 245

HSL

291.1, 89.4%, 62.9%

HSV

291.1, 69.0%, 96.1%

CMYK

10.2%, 69.0%, 0.0%, 3.9%

OKLCH

0.6796 0.2585 321.3

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#DC4CF5

#65F54C

Analogous

#874CF5

#F54CB9

#DC4CF5

Triadic

#DC4CF5

#F5DC4C

#4CF5DC

Split Complementary

#DC4CF5

#B9F54C

#4CF587

Tetradic

#DC4CF5

#F5874C

#65F54C

#4CB9F5

Color Blindness Simulation

Original

#DC4CF5

Protanopia

#9E9CCC

Deuteranopia

#A6B1C2

Tritanopia

#D5ACA5

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F7E0FB
200
#F2BBFB
300
#E88BF9
400
#DC4CF5
500
#D00EF1
600
#A60BC1
700
#85099B
800
#680779
900
#4C0957
950
#300637

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4: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