#508B46 Color

#508B46 is rgb(80, 139, 70) in RGB and hsl(111, 33%, 41%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#508B46

HEX#508B46

RGBrgb(80, 139, 70)

HSLhsl(111, 33%, 41%)

HSVhsv(111, 50%, 55%)

OKLCHoklch(57.9% 0.118 140.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#508B46 Complementary#81468B Analogous#738B46 Analogous#468B5E Triadic#46508B Triadic#8B4650

Tints & Shades

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

Tints

#60A654 #78B66D #91C388 #ADD3A7 #C6E0C2 #E0EEDD

Shades

#477A3E #3B6633 #31552B #274422 #1D331A #121F0F

Use #508B46 in Our Tools

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