#696144 Color

#696144 is rgb(105, 97, 68) in RGB and hsl(47, 21%, 34%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#696144

HEX#696144

RGBrgb(105, 97, 68)

HSLhsl(47, 21%, 34%)

HSVhsv(47, 35%, 41%)

OKLCHoklch(49.2% 0.044 94.5)

CMYKcmyk(0%, 8%, 35%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#696144 Complementary#444C69 Analogous#694F44 Analogous#5F6944 Triadic#446961 Triadic#614469

Tints & Shades

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

Tints

#857B57 #9E936B #B0A787 #C5BEA6 #D7D2C1 #E9E6DD

Shades

#5D563C #4D4732 #413C2A #343122 #28251A #191710

Use #696144 in Our Tools

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