#DF20DC Color

#DF20DC is rgb(223, 32, 220) in RGB and hsl(301, 75%, 50%) in HSL. The closest CSS named color is Fuchsia. Black text is most readable on this background.

#DF20DC

HEX#DF20DC

RGBrgb(223, 32, 220)

HSLhsl(301, 75%, 50%)

HSVhsv(301, 86%, 87%)

OKLCHoklch(64% 0.279 329)

CMYKcmyk(0%, 86%, 1%, 13%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #DF20DC background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.91:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.38:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #DF20DC based on color wheel relationships. Click any swatch for its full breakdown.

Base#DF20DC Complementary#20DF23 Analogous#8320DF Analogous#DF207C Triadic#DCDF20 Triadic#20DCDF

Tints & Shades

Lighter tints and darker shades of #DF20DC, useful for hover states, backgrounds, and text variants.

Tints

#E43FE1 #E85EE6 #ED7EEB #F098EF #F5B8F4 #F9D7F9

Shades

#C01BBD #A518A3 #861384 #6B0F6A #4C0B4B #310730

Use #DF20DC in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex