#A45196 Color

#A45196 is rgb(164, 81, 150) in RGB and hsl(310, 34%, 48%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#A45196

HEX#A45196

RGBrgb(164, 81, 150)

HSLhsl(310, 34%, 48%)

HSVhsv(310, 51%, 64%)

OKLCHoklch(56.1% 0.14 334)

CMYKcmyk(0%, 51%, 9%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A45196 Complementary#51A45F Analogous#8851A4 Analogous#A4516D Triadic#96A451 Triadic#5196A4

Tints & Shades

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

Tints

#B365A6 #BF7DB4 #CB95C2 #D8B0D2 #E4C8DF #F0E0ED

Shades

#904783 #783B6D #63315B #4F2748 #3A1D35 #22111F

Use #A45196 in Our Tools

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