#695D2B Color

#695D2B is rgb(105, 93, 43) in RGB and hsl(48, 42%, 29%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#695D2B

HEX#695D2B

RGBrgb(105, 93, 43)

HSLhsl(48, 42%, 29%)

HSVhsv(48, 59%, 41%)

OKLCHoklch(47.9% 0.071 96.1)

CMYKcmyk(0%, 11%, 59%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#695D2B Complementary#2B3769 Analogous#693E2B Analogous#56692B Triadic#2B695D Triadic#5D2B69

Tints & Shades

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

Tints

#8D7D3A #B19C48 #C2B16B #D0C28B #DED5AF #EDE8D4

Shades

#5B5025 #504621 #41391B #363016 #282310 #1D1A0C

Use #695D2B in Our Tools

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