#746586 Color

#746586 is rgb(116, 101, 134) in RGB and hsl(267, 14%, 46%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#746586

HEX#746586

RGBrgb(116, 101, 134)

HSLhsl(267, 14%, 46%)

HSVhsv(267, 25%, 53%)

OKLCHoklch(53.3% 0.054 305.3)

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

Text Contrast & Accessibility

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

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

TextBlack text3.95:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#746586 Complementary#778665 Analogous#656786 Analogous#846586 Triadic#867465 Triadic#658674

Tints & Shades

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

Tints

#857698 #9A8EA9 #ACA2B9 #C1B9CA #D3CEDA #E8E5EB

Shades

#655874 #554B63 #463D51 #373040 #28232F #19161D

Use #746586 in Our Tools

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