#DF20A2

#DF20A2

Color Values

HEX

#DF20A2

RGB

223, 32, 162

HSL

319.2, 74.9%, 50.0%

HSV

319.2, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 27.4%, 12.5%

OKLCH

0.6107 0.2437 345.7

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#DF20A2

#20DF5D

Analogous

#BD20DF

#DF2042

#DF20A2

Triadic

#DF20A2

#A2DF20

#20A2DF

Split Complementary

#DF20A2

#42DF20

#20DFBD

Tetradic

#DF20A2

#DFBD20

#20DF5D

#2042DF

Color Blindness Simulation

Original

#DF20A2

Protanopia

#8C8B83

Deuteranopia

#97A67B

Tritanopia

#D56A64

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF2F9
100
#F9E2F1
200
#F6C1E5
300
#F094D2
400
#E75ABA
500
#DF20A2
600
#B21A82
700
#8F1468
800
#6F1051
900
#51103C
950
#330A26

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026