#AF40B5 Color

#AF40B5 is rgb(175, 64, 181) in RGB and hsl(297, 48%, 48%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#AF40B5

HEX#AF40B5

RGBrgb(175, 64, 181)

HSLhsl(297, 48%, 48%)

HSVhsv(297, 65%, 71%)

OKLCHoklch(57% 0.199 325.7)

CMYKcmyk(3%, 65%, 0%, 29%)

Text Contrast & Accessibility

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

TextWhite text4.97:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#AF40B5 Complementary#46B540 Analogous#7540B5 Analogous#B54080 Triadic#B5AF40 Triadic#40B5AF

Tints & Shades

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

Tints

#BE55C3 #C870CD #D28AD6 #DEA8E1 #E8C3EA #F2DDF3

Shades

#99389F #802E84 #6A266D #541E57 #3E1740 #250D26

Use #AF40B5 in Our Tools

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