#785F26 Color

#785F26 is rgb(120, 95, 38) in RGB and hsl(42, 52%, 31%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#785F26

HEX#785F26

RGBrgb(120, 95, 38)

HSLhsl(42, 52%, 31%)

HSVhsv(42, 68%, 47%)

OKLCHoklch(49.9% 0.081 85.2)

CMYKcmyk(0%, 21%, 68%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#785F26 Complementary#263F78 Analogous#783626 Analogous#687826 Triadic#26785F Triadic#5F2678

Tints & Shades

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

Tints

#9F7E32 #C29A3D #CEAE64 #D9C087 #E5D5AE #F0E7D0

Shades

#695321 #59471C #4A3B17 #3E3114 #2F250F #1F190A

Use #785F26 in Our Tools

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