#497538 Color

#497538 is rgb(73, 117, 56) in RGB and hsl(103, 35%, 34%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#497538

HEX#497538

RGBrgb(73, 117, 56)

HSLhsl(103, 35%, 34%)

HSVhsv(103, 52%, 46%)

OKLCHoklch(51.5% 0.103 137.6)

CMYKcmyk(38%, 0%, 52%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#497538 Complementary#643875 Analogous#687538 Analogous#387546 Triadic#384A75 Triadic#75384A

Tints & Shades

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

Tints

#5D9447 #72AF5A #8CBE79 #AACF9B #C4DEBA #DFEDD9

Shades

#416732 #365629 #2D4823 #253B1C #1C2D16 #111C0D

Use #497538 in Our Tools

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