#DF20D0

#DF20D0

Color Values

HEX

#DF20D0

RGB

223, 32, 208

HSL

304,7, 74,9%, 50,0%

HSV

304,7, 85,7%, 87,5%

CMYK

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

OKLCH

0,6334 0,271 332,1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DF20D0

#20DF2F

Analogous

#8E20DF

#DF2071

#DF20D0

Triadic

#DF20D0

#D0DF20

#20D0DF

Split Complementary

#DF20D0

#71DF20

#20DF8E

Tetradic

#DF20D0

#DF8E20

#20DF2F

#2071DF

Color Blindness Simulation

Original

#DF20D0

Protanopia

#8C8BA5

Deuteranopia

#97A69B

Tritanopia

#D5847C

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F7
200
#F6C1F2
300
#F094E8
400
#E75ADC
500
#DF20D0
600
#B21AA6
700
#8F1485
800
#6F1068
900
#51104C
950
#330A30

Contrast Checker

Text on white

4,0:1

AA Fail AAA Fail

Text on black

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