#DF20D2

#DF20D2

Color Values

HEX

#DF20D2

RGB

223, 32, 210

HSL

304,1, 74,9%, 50,0%

HSV

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

CMYK

0,0%, 85,7%, 5,8%, 12,5%

OKLCH

0,6345 0,2723 331,6

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DF20D2

#20DF2D

Analogous

#8D20DF

#DF2072

#DF20D2

Triadic

#DF20D2

#D2DF20

#20D2DF

Split Complementary

#DF20D2

#72DF20

#20DF8D

Tetradic

#DF20D2

#DF8D20

#20DF2D

#2072DF

Color Blindness Simulation

Original

#DF20D2

Protanopia

#8C8BA7

Deuteranopia

#97A69D

Tritanopia

#D5857D

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F6C1F2
300
#F094E9
400
#E75ADE
500
#DF20D2
600
#B21AA8
700
#8F1486
800
#6F1069
900
#51104D
950
#330A30

Contrast Checker

Text on white

3,98:1

AA Fail AAA Fail

Text on black

5,27:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026