#797216 Color

#797216 is rgb(121, 114, 22) in RGB and hsl(56, 69%, 28%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#797216

HEX#797216

RGBrgb(121, 114, 22)

HSLhsl(56, 69%, 28%)

HSVhsv(56, 82%, 47%)

OKLCHoklch(54.2% 0.107 104.8)

CMYKcmyk(0%, 6%, 82%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#797216 Complementary#161D79 Analogous#794116 Analogous#4E7916 Triadic#167972 Triadic#721679

Tints & Shades

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

Tints

#A49B1E #CFC426 #DED44A #E6DE75 #EEE8A0 #F6F3CB

Shades

#6C6614 #5A5611 #4E490E #3C390B #2F2D09 #1E1D06

Use #797216 in Our Tools

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