#875AA0 Color

#875AA0 is rgb(135, 90, 160) in RGB and hsl(279, 28%, 49%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#875AA0

HEX#875AA0

RGBrgb(135, 90, 160)

HSLhsl(279, 28%, 49%)

HSVhsv(279, 44%, 63%)

OKLCHoklch(54.4% 0.116 312.6)

CMYKcmyk(16%, 44%, 0%, 37%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#875AA0 Complementary#72A05A Analogous#645AA0 Analogous#A05A95 Triadic#A0875A Triadic#5AA087

Tints & Shades

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

Tints

#986FAE #A986BB #B99DC8 #C9B4D5 #DACBE2 #EAE2EE

Shades

#774F8C #644276 #533762 #402A4B #2F1F37 #1C1221

Use #875AA0 in Our Tools

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