#786586 Color

#786586 is rgb(120, 101, 134) in RGB and hsl(275, 14%, 46%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#786586

HEX#786586

RGBrgb(120, 101, 134)

HSLhsl(275, 14%, 46%)

HSVhsv(275, 25%, 53%)

OKLCHoklch(53.7% 0.055 310.6)

CMYKcmyk(10%, 25%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#786586 Complementary#738665 Analogous#686586 Analogous#866583 Triadic#867865 Triadic#658678

Tints & Shades

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

Tints

#8A7698 #9E8EA9 #AFA2B9 #C3B9CA #D5CEDA #E9E5EB

Shades

#685874 #594B63 #493D51 #393040 #2A232F #1A161D

Use #786586 in Our Tools

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