#DC4FDF

#DC4FDF

Color Values

HEX

#DC4FDF

RGB

220, 79, 223

HSL

298.8, 69.2%, 59.2%

HSV

298.8, 64.6%, 87.5%

CMYK

1.3%, 64.6%, 0.0%, 12.5%

OKLCH

0.6702 0.2372 327.0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#DC4FDF

#52DF4F

Analogous

#944FDF

#DF4F9A

#DC4FDF

Triadic

#DC4FDF

#DFDC4F

#4FDFDC

Split Complementary

#DC4FDF

#9ADF4F

#4FDF94

Tetradic

#DC4FDF

#DF944F

#52DF4F

#4F9ADF

Color Blindness Simulation

Original

#DC4FDF

Protanopia

#9F9EBC

Deuteranopia

#A7B2B4

Tritanopia

#D5A19B

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F8
200
#F3C3F4
300
#EA97EC
400
#DF5FE2
500
#D427D8
600
#AA1FAD
700
#88198A
800
#6A146C
900
#4D124F
950
#310C32

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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