#508B54 Color

#508B54 is rgb(80, 139, 84) in RGB and hsl(124, 27%, 43%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#508B54

HEX#508B54

RGBrgb(80, 139, 84)

HSLhsl(124, 27%, 43%)

HSVhsv(124, 42%, 55%)

OKLCHoklch(58.2% 0.103 145.6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#508B54 Complementary#8B5087 Analogous#6A8B50 Analogous#508B72 Triadic#54508B Triadic#8B5450

Tints & Shades

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

Tints

#60A465 #7AB37E #94C297 #ABCFAD #C5DDC6 #DFECE0

Shades

#457848 #3C683F #305433 #274429 #1C311D #132014

Use #508B54 in Our Tools

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