#696012 Color

#696012 is rgb(105, 96, 18) in RGB and hsl(54, 71%, 24%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#696012

HEX#696012

RGBrgb(105, 96, 18)

HSLhsl(54, 71%, 24%)

HSVhsv(54, 83%, 41%)

OKLCHoklch(48.3% 0.094 102.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#696012 Complementary#121A69 Analogous#693512 Analogous#466912 Triadic#126960 Triadic#601269

Tints & Shades

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

Tints

#998C1A #C4B421 #DECF3F #E6DA6B #EEE69B #F5F1C6

Shades

#5C5410 #4E480D #413C0B #39340A #2C2807 #1F1C05

Use #696012 in Our Tools

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