#764E20 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #764e20 graphic
This dim, unsaturated brown carries a serious weight that makes it ideal for branding within agricultural or artisan spaces. While the hex code #764e20 offers a grounded, reliable feel, it can turn muddy if overused. It works best as a supporting accent rather than a full page background. Pair it with crisp cream or soft off-white to ensure high readability.

Questions about #764e20

What is #764e20 in RGB, HSL and CMYK?
In RGB, #764e20 is rgb(118, 78, 32), in HSL hsl(32, 57%, 29%) and in CMYK 0%, 34%, 73%, 54%.
How should I use #764e20 in a design layout?
#764e20 functions best as a grounding accent rather than a dominant background color because its unsaturated nature can look muddy. Use it to draw attention to icons, buttons, or typography against a clean, off-white background for high readability.
What colors pair best with #764e20?
This brown thrives alongside crisp neutrals or muted tones that prevent it from appearing too heavy. Pair #764e20 with a warm cream or a soft stone to maintain a professional, artisan aesthetic that feels both reliable and organic.
Is #764e20 readable on white or black?
#764e20 has a 7.28:1 contrast ratio on white and 2.88:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.