#DF20DD

#DF20DD

Color Values

HEX

#DF20DD

RGB

223, 32, 221

HSL

300.6, 74.9%, 50.0%

HSV

300.6, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 0.9%, 12.5%

OKLCH

0.6407 0.2795 328.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DF20DD

#20DF22

Analogous

#8120DF

#DF207E

#DF20DD

Triadic

#DF20DD

#DDDF20

#20DDDF

Split Complementary

#DF20DD

#7EDF20

#20DF81

Tetradic

#DF20DD

#DF8120

#20DF22

#207EDF

Color Blindness Simulation

Original

#DF20DD

Protanopia

#8C8BAF

Deuteranopia

#97A6A4

Tritanopia

#D58B83

Achromatopsia

#565656

CSS Usage

background-color: #DF20DD;
color: #DF20DD;
border-color: #DF20DD;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F6C1F6
300
#F094EF
400
#E75AE6
500
#DF20DD
600
#B21AB1
700
#8F148D
800
#6F106F
900
#511050
950
#330A33

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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