#DF20D5

#DF20D5

Color Values

HEX

#DF20D5

RGB

223, 32, 213

HSL

303.1, 74.9%, 50.0%

HSV

303.1, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 4.5%, 12.5%

OKLCH

0.6361 0.2742 330.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DF20D5

#20DF2A

Analogous

#8920DF

#DF2076

#DF20D5

Triadic

#DF20D5

#D5DF20

#20D5DF

Split Complementary

#DF20D5

#76DF20

#20DF89

Tetradic

#DF20D5

#DF8920

#20DF2A

#2076DF

Color Blindness Simulation

Original

#DF20D5

Protanopia

#8C8BA9

Deuteranopia

#97A69F

Tritanopia

#D5877F

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F6C1F3
300
#F094EB
400
#E75AE0
500
#DF20D5
600
#B21AAB
700
#8F1488
800
#6F106B
900
#51104E
950
#330A31

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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