#538731 Color

#538731 is rgb(83, 135, 49) in RGB and hsl(96, 47%, 36%) in HSL. The closest CSS named color is DarkOliveGreen. Black text is most readable on this background.

#538731

HEX#538731

RGBrgb(83, 135, 49)

HSLhsl(96, 47%, 36%)

HSVhsv(96, 64%, 53%)

OKLCHoklch(56.8% 0.13 135)

CMYKcmyk(39%, 0%, 64%, 47%)

Text Contrast & Accessibility

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

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

TextBlack text4.88:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#538731 Complementary#643187 Analogous#7E8731 Analogous#318739 Triadic#315387 Triadic#873153

Tints & Shades

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

Tints

#68A93D #7FC153 #98CD74 #AED892 #C7E4B4 #E0F0D6

Shades

#48742A #3E6524 #33521E #2A4318 #1E3112 #15220C

Use #538731 in Our Tools

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