#8677AC Color

#8677AC is rgb(134, 119, 172) in RGB and hsl(257, 24%, 57%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#8677AC

HEX#8677AC

RGBrgb(134, 119, 172)

HSLhsl(257, 24%, 57%)

HSVhsv(257, 31%, 67%)

OKLCHoklch(60.3% 0.081 296.9)

CMYKcmyk(22%, 31%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#8677AC Complementary#9DAC77 Analogous#7782AC Analogous#A077AC Triadic#AC8677 Triadic#77AC86

Tints & Shades

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

Tints

#978AB7 #A89DC3 #B9B0CF #C7C0D8 #D8D3E4 #E8E6EF

Shades

#705F9B #605185 #4E426C #3E3455 #2B253C #1B1726

Use #8677AC in Our Tools

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