#DF20AA

#DF20AA

Color Values

HEX

#DF20AA

RGB

223, 32, 170

HSL

316.6, 74.9%, 50.0%

HSV

316.6, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 23.8%, 12.5%

OKLCH

0.6143 0.248 343.2

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#DF20AA

#20DF55

Analogous

#B420DF

#DF204B

#DF20AA

Triadic

#DF20AA

#AADF20

#20AADF

Split Complementary

#DF20AA

#4BDF20

#20DFB4

Tetradic

#DF20AA

#DFB420

#20DF55

#204BDF

Color Blindness Simulation

Original

#DF20AA

Protanopia

#8C8B89

Deuteranopia

#97A681

Tritanopia

#D56E68

Achromatopsia

#535353

CSS Usage

background-color: #DF20AA;
color: #DF20AA;
border-color: #DF20AA;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF2FA
100
#F9E2F2
200
#F6C1E7
300
#F094D6
400
#E75AC0
500
#DF20AA
600
#B21A88
700
#8F146D
800
#6F1055
900
#51103F
950
#330A28

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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