#DF20AE

#DF20AE

Color Values

HEX

#DF20AE

RGB

223, 32, 174

HSL

315,4, 74,9%, 50,0%

HSV

315,4, 85,7%, 87,5%

CMYK

0,0%, 85,7%, 22,0%, 12,5%

OKLCH

0,6161 0,2502 341,9

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#DF20AE

#20DF51

Analogous

#B120DF

#DF204E

#DF20AE

Triadic

#DF20AE

#AEDF20

#20AEDF

Split Complementary

#DF20AE

#4EDF20

#20DFB1

Tetradic

#DF20AE

#DFB120

#20DF51

#204EDF

Color Blindness Simulation

Original

#DF20AE

Protanopia

#8C8B8C

Deuteranopia

#97A683

Tritanopia

#D5706B

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF2FA
100
#F9E2F3
200
#F6C1E8
300
#F094D8
400
#E75AC3
500
#DF20AE
600
#B21A8B
700
#8F146F
800
#6F1057
900
#511040
950
#330A29

Contrast Checker

Text on white

4,24:1

AA Fail AAA Fail

Text on black

4,96:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026