#537231 Color

#537231 is rgb(83, 114, 49) in RGB and hsl(89, 40%, 32%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#537231

HEX#537231

RGBrgb(83, 114, 49)

HSLhsl(89, 40%, 32%)

HSVhsv(89, 57%, 45%)

OKLCHoklch(51.2% 0.099 130.4)

CMYKcmyk(27%, 0%, 57%, 55%)

Text Contrast & Accessibility

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

TextWhite text5.5:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.82:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#537231 Complementary#513172 Analogous#727131 Analogous#327231 Triadic#315372 Triadic#723153

Tints & Shades

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

Tints

#6A923F #84B450 #9AC270 #B4D194 #CADFB4 #E3EED8

Shades

#48642B #3E5625 #34471F #293918 #1F2B12 #151D0C

Use #537231 in Our Tools

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