#865F86 Color

#865F86 is rgb(134, 95, 134) in RGB and hsl(300, 17%, 45%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#865F86
HEX#865F86
RGBrgb(134, 95, 134)
HSLhsl(300, 17%, 45%)
HSVhsv(300, 29%, 53%)
OKLCHoklch(54% 0.076 326.6)
CMYKcmyk(0%, 29%, 0%, 47%)

Text Contrast & Accessibility

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

TextWhite text5.26:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text3.99:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#865F86Complementary#5F865FAnalogous#735F86Analogous#865F73Triadic#86865FTriadic#5F8686

Tints & Shades

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

Use #865F86 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex