#DF20D7

#DF20D7

Color Values

HEX

#DF20D7

RGB

223, 32, 215

HSL

302,5, 74,9%, 50,0%

HSV

302,5, 85,7%, 87,5%

CMYK

0,0%, 85,7%, 3,6%, 12,5%

OKLCH

0,6373 0,2755 330,3

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DF20D7

#20DF28

Analogous

#8720DF

#DF2078

#DF20D7

Triadic

#DF20D7

#D7DF20

#20D7DF

Split Complementary

#DF20D7

#78DF20

#20DF87

Tetradic

#DF20D7

#DF8720

#20DF28

#2078DF

Color Blindness Simulation

Original

#DF20D7

Protanopia

#8C8BAB

Deuteranopia

#97A6A0

Tritanopia

#D58880

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F6C1F4
300
#F094EC
400
#E75AE1
500
#DF20D7
600
#B21AAC
700
#8F148A
800
#6F106C
900
#51104E
950
#330A32

Contrast Checker

Text on white

3,94:1

AA Fail AAA Fail

Text on black

5,33: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