#695A07 Color

#695A07 is rgb(105, 90, 7) in RGB and hsl(51, 87%, 22%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#695A07

HEX#695A07

RGBrgb(105, 90, 7)

HSLhsl(51, 87%, 22%)

HSVhsv(51, 93%, 41%)

OKLCHoklch(46.8% 0.094 97.5)

CMYKcmyk(0%, 14%, 93%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#695A07 Complementary#071669 Analogous#692907 Analogous#476907 Triadic#07695A Triadic#5A0769

Tints & Shades

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

Tints

#9D870B #D2B50F #F0D228 #F3DC58 #F7E78D #FBF2C1

Shades

#5B4E06 #514606 #433905 #393104 #2B2503 #211D02

Use #695A07 in Our Tools

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