#616C42 Color

#616C42 is rgb(97, 108, 66) in RGB and hsl(76, 24%, 34%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#616C42

HEX#616C42

RGBrgb(97, 108, 66)

HSLhsl(76, 24%, 34%)

HSVhsv(76, 39%, 42%)

OKLCHoklch(51.1% 0.063 120.6)

CMYKcmyk(10%, 0%, 39%, 58%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#616C42 Complementary#4D426C Analogous#6C6242 Analogous#4C6C42 Triadic#42606C Triadic#6C4260

Tints & Shades

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

Tints

#7A8853 #92A267 #A7B384 #BDC7A3 #D2D8C0 #E6EADC

Shades

#555F3A #474F30 #3C4229 #303621 #252919 #171910

Use #616C42 in Our Tools

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