#537944 Color

#537944 is rgb(83, 121, 68) in RGB and hsl(103, 28%, 37%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#537944

HEX#537944

RGBrgb(83, 121, 68)

HSLhsl(103, 28%, 37%)

HSVhsv(103, 44%, 47%)

OKLCHoklch(53.4% 0.09 137.3)

CMYKcmyk(31%, 0%, 44%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#537944 Complementary#6A4479 Analogous#6D7944 Analogous#44794F Triadic#445379 Triadic#794453

Tints & Shades

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

Tints

#679654 #7BAB69 #95BB86 #AFCCA4 #C9DCC1 #E0EBDB

Shades

#48683B #3F5B33 #344B2A #283B21 #1D2A18 #141D11

Use #537944 in Our Tools

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