#A45690 Color

#A45690 is rgb(164, 86, 144) in RGB and hsl(315, 31%, 49%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#A45690

HEX#A45690

RGBrgb(164, 86, 144)

HSLhsl(315, 31%, 49%)

HSVhsv(315, 48%, 64%)

OKLCHoklch(56.5% 0.126 337.6)

CMYKcmyk(0%, 48%, 12%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A45690 Complementary#56A46A Analogous#9056A4 Analogous#A4566A Triadic#90A456 Triadic#5690A4

Tints & Shades

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

Tints

#B26CA0 #BE83AF #CA9BBE #D7B2CD #E3CADD #EFE1EC

Shades

#904C7F #783F6A #643558 #4D2844 #391E32 #21121D

Use #A45690 in Our Tools

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