#5B982A Color

#5B982A is rgb(91, 152, 42) in RGB and hsl(93, 57%, 38%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#5B982A

HEX#5B982A

RGBrgb(91, 152, 42)

HSLhsl(93, 57%, 38%)

HSVhsv(93, 72%, 60%)

OKLCHoklch(61.6% 0.154 134.2)

CMYKcmyk(40%, 0%, 72%, 40%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5B982A Complementary#662A98 Analogous#93982A Analogous#2A982F Triadic#2A5B98 Triadic#982A5B

Tints & Shades

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

Tints

#71BC34 #86CE4B #9ED86F #B4E08F #CCEAB3 #E1F3D3

Shades

#4F8424 #43701F #375C19 #2E4C15 #22380F #16240A

Use #5B982A in Our Tools

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