#DF20C6

#DF20C6

Color Values

HEX

#DF20C6

RGB

223, 32, 198

HSL

307.9, 74.9%, 50.0%

HSV

307.9, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 11.2%, 12.5%

OKLCH

0.628 0.2646 334.8

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#DF20C6

#20DF39

Analogous

#9920DF

#DF2066

#DF20C6

Triadic

#DF20C6

#C6DF20

#20C6DF

Split Complementary

#DF20C6

#66DF20

#20DF99

Tetradic

#DF20C6

#DF9920

#20DF39

#2066DF

Color Blindness Simulation

Original

#DF20C6

Protanopia

#8C8B9E

Deuteranopia

#97A694

Tritanopia

#D57E77

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F6
200
#F6C1EF
300
#F094E4
400
#E75AD5
500
#DF20C6
600
#B21A9E
700
#8F147F
800
#6F1063
900
#511049
950
#330A2E

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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