#DC4DF4

#DC4DF4

Color Values

HEX

#DC4DF4

RGB

220, 77, 244

HSL

291.4, 88.4%, 62.9%

HSV

291.4, 68.4%, 95.7%

CMYK

9.8%, 68.4%, 0.0%, 4.3%

OKLCH

0.68 0.2566 321.6

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#DC4DF4

#65F44D

Analogous

#884DF4

#F44DB8

#DC4DF4

Triadic

#DC4DF4

#F4DC4D

#4DF4DC

Split Complementary

#DC4DF4

#B8F44D

#4DF488

Tetradic

#DC4DF4

#F4884D

#65F44D

#4DB8F4

Color Blindness Simulation

Original

#DC4DF4

Protanopia

#9E9DCC

Deuteranopia

#A6B1C2

Tritanopia

#D5ACA5

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F7E0FB
200
#F2BCFB
300
#E88CF8
400
#DC4DF4
500
#D00FF0
600
#A60CC0
700
#85099A
800
#680778
900
#4C0A57
950
#300637

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.41:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026