#AF28DC Color

#AF28DC is rgb(175, 40, 220) in RGB and hsl(285, 72%, 51%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#AF28DC

HEX#AF28DC

RGBrgb(175, 40, 220)

HSLhsl(285, 72%, 51%)

HSVhsv(285, 82%, 86%)

OKLCHoklch(57.5% 0.256 315.4)

CMYKcmyk(20%, 82%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text5.05:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.16:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AF28DC Complementary#55DC28 Analogous#5528DC Analogous#DC28AF Triadic#DCAF28 Triadic#28DCAF

Tints & Shades

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

Tints

#BA47E1 #C461E5 #D080EA #DB9FEF #E7BDF4 #F0D8F9

Shades

#991FC1 #841BA7 #6C1688 #531169 #3B0C4B #260830

Use #AF28DC in Our Tools

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