#508D16 Color

#508D16 is rgb(80, 141, 22) in RGB and hsl(91, 73%, 32%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#508D16

HEX#508D16

RGBrgb(80, 141, 22)

HSLhsl(91, 73%, 32%)

HSVhsv(91, 84%, 55%)

OKLCHoklch(58% 0.157 134)

CMYKcmyk(43%, 0%, 84%, 45%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #508D16 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 #508D16 based on color wheel relationships. Click any swatch for its full breakdown.

Base#508D16 Complementary#54168D Analogous#8B8D16 Analogous#168D18 Triadic#16508D Triadic#8D1650

Tints & Shades

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

Tints

#66B51C #7FDD27 #97E34F #B1EA7B #C8F1A2 #E2F7CE

Shades

#467C13 #3C6A11 #32580E #28470B #1E3508 #142306

Use #508D16 in Our Tools

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