#696016 Color

#696016 is rgb(105, 96, 22) in RGB and hsl(53, 65%, 25%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#696016

HEX#696016

RGBrgb(105, 96, 22)

HSLhsl(53, 65%, 25%)

HSVhsv(53, 79%, 41%)

OKLCHoklch(48.3% 0.092 102.1)

CMYKcmyk(0%, 9%, 79%, 59%)

Text Contrast & Accessibility

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

TextWhite text6.39:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#696016 Complementary#162069 Analogous#693616 Analogous#496916 Triadic#166960 Triadic#601669

Tints & Shades

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

Tints

#93861F #C2B029 #D8C746 #E2D574 #EAE29E #F4F0CD

Shades

#5D5414 #504911 #433D0E #37320C #2A2609 #1D1B06

Use #696016 in Our Tools

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