#508B72 Color

#508B72 is rgb(80, 139, 114) in RGB and hsl(155, 27%, 43%) in HSL. The closest CSS named color is DimGray. Black text is most readable on this background.

#508B72

HEX#508B72

RGBrgb(80, 139, 114)

HSLhsl(155, 27%, 43%)

HSVhsv(155, 42%, 55%)

OKLCHoklch(58.9% 0.074 165)

CMYKcmyk(42%, 0%, 18%, 45%)

Text Contrast & Accessibility

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

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

TextBlack text5.28:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#508B72 Complementary#8B5069 Analogous#508B55 Analogous#50868B Triadic#73508B Triadic#8B7350

Tints & Shades

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

Tints

#60A488 #7AB39B #94C2AF #ABCFC0 #C5DDD3 #DFECE7

Shades

#457863 #3C6855 #305445 #274438 #1C3128 #13201B

Use #508B72 in Our Tools

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