#AF73DD Color

#AF73DD is rgb(175, 115, 221) in RGB and hsl(274, 61%, 66%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#AF73DD

HEX#AF73DD

RGBrgb(175, 115, 221)

HSLhsl(274, 61%, 66%)

HSVhsv(274, 48%, 87%)

OKLCHoklch(66.1% 0.162 308.7)

CMYKcmyk(21%, 48%, 0%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text6.32:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#AF73DD Complementary#A1DD73 Analogous#7A73DD Analogous#DD73D6 Triadic#DDAF73 Triadic#73DDAF

Tints & Shades

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

Tints

#BB88E2 #C498E6 #D0ADEB #DABDEF #E5D2F4 #EFE2F8

Shades

#9A4ED4 #8430C5 #6C27A0 #551F7F #3D165A #240D35

Use #AF73DD in Our Tools

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