#5F9580 Color

#5F9580 is rgb(95, 149, 128) in RGB and hsl(157, 22%, 48%) in HSL. The closest CSS named color is SlateGray. Black text is most readable on this background.

#5F9580

HEX#5F9580

RGBrgb(95, 149, 128)

HSLhsl(157, 22%, 48%)

HSVhsv(157, 36%, 58%)

OKLCHoklch(62.6% 0.066 167.7)

CMYKcmyk(36%, 0%, 14%, 42%)

Text Contrast & Accessibility

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

TextWhite text3.44:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.1:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5F9580 Complementary#955F74 Analogous#5F9566 Analogous#5F8F95 Triadic#815F95 Triadic#95815F

Tints & Shades

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

Tints

#73A592 #89B3A3 #9FC1B4 #B7D1C7 #CDDFD8 #E3EDE9

Shades

#548371 #466D5E #3A5A4E #2E483E #22352E #141F1B

Use #5F9580 in Our Tools

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