#DF20C5

#DF20C5

Color Values

HEX

#DF20C5

RGB

223, 32, 197

HSL

308.2, 74.9%, 50.0%

HSV

308.2, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 11.7%, 12.5%

OKLCH

0.6275 0.264 335.1

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#DF20C5

#20DF3A

Analogous

#9A20DF

#DF2065

#DF20C5

Triadic

#DF20C5

#C5DF20

#20C5DF

Split Complementary

#DF20C5

#65DF20

#20DF9A

Tetradic

#DF20C5

#DF9A20

#20DF3A

#2065DF

Color Blindness Simulation

Original

#DF20C5

Protanopia

#8C8B9D

Deuteranopia

#97A693

Tritanopia

#D57E77

Achromatopsia

#555555

CSS Usage

background-color: #DF20C5;
color: #DF20C5;
border-color: #DF20C5;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF2FB
100
#F9E2F5
200
#F6C1EF
300
#F094E3
400
#E75AD4
500
#DF20C5
600
#B21A9E
700
#8F147E
800
#6F1062
900
#511048
950
#330A2E

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026