#658178 Color

#658178 is rgb(101, 129, 120) in RGB and hsl(161, 12%, 45%) in HSL. The closest CSS named color is SlateGray. Black text is most readable on this background.

#658178

HEX#658178

RGBrgb(101, 129, 120)

HSLhsl(161, 12%, 45%)

HSVhsv(161, 22%, 51%)

OKLCHoklch(57.9% 0.035 173.4)

CMYKcmyk(22%, 0%, 7%, 49%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#658178 Complementary#81656E Analogous#65816A Analogous#657B81 Triadic#786581 Triadic#817865

Tints & Shades

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

Tints

#79968C #8DA59D #A4B7B1 #B8C7C2 #CED9D6 #E2E9E7

Shades

#586F68 #4A5E58 #3D4D48 #313F3B #242E2B #161D1B

Use #658178 in Our Tools

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