#DF20D3

#DF20D3

Color Values

HEX

#DF20D3

RGB

223, 32, 211

HSL

303.8, 74.9%, 50.0%

HSV

303.8, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 5.4%, 12.5%

OKLCH

0.635 0.2729 331.3

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DF20D3

#20DF2C

Analogous

#8C20DF

#DF2073

#DF20D3

Triadic

#DF20D3

#D3DF20

#20D3DF

Split Complementary

#DF20D3

#73DF20

#20DF8C

Tetradic

#DF20D3

#DF8C20

#20DF2C

#2073DF

Color Blindness Simulation

Original

#DF20D3

Protanopia

#8C8BA8

Deuteranopia

#97A69D

Tritanopia

#D5857E

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F6C1F3
300
#F094EA
400
#E75ADE
500
#DF20D3
600
#B21AA9
700
#8F1487
800
#6F1069
900
#51104D
950
#330A31

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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