#A25787 Color

#A25787 is rgb(162, 87, 135) in RGB and hsl(322, 30%, 49%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#A25787

HEX#A25787

RGBrgb(162, 87, 135)

HSLhsl(322, 30%, 49%)

HSVhsv(322, 46%, 64%)

OKLCHoklch(56.1% 0.116 342.5)

CMYKcmyk(0%, 46%, 17%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A25787 Complementary#57A273 Analogous#9857A2 Analogous#A25761 Triadic#87A257 Triadic#5787A2

Tints & Shades

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

Tints

#B06D98 #BD84A8 #C99CB9 #D6B3C9 #E2CAD9 #EFE1EA

Shades

#8F4D76 #774063 #633653 #4C293F #381E2F #21121C

Use #A25787 in Our Tools

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