#7F4422 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, unsaturated brown possesses a moody and serious weight, making it well-suited for branding in the craft and food sectors. Because it is quite dark, use it sparingly as an accent rather than a full page background to avoid a muddy appearance. The hex code #7f4422 supports white text comfortably, offering strong readability for UI elements where you need high contrast.
Questions about #7f4422
What is #7f4422 in RGB, HSL and CMYK?
In RGB, #7f4422 is rgb(127, 68, 34), in HSL hsl(22, 58%, 32%) and in CMYK 0%, 46%, 73%, 50%.
Where should I use #7f4422 in a design?
#7f4422 is a dense, dark tone that works most effectively as a strategic accent color rather than a primary background. It creates a professional, grounded look when used for button borders, footer dividers, or subtle typography against light backgrounds.
What colors pair well with #7f4422?
This warm brown pairs exceptionally well with soft, neutral creams or off-white tones to maintain readability without harsh contrast. For a more sophisticated palette, try pairing #7f4422 with a muted sage or a soft dusty blue to balance its inherent warmth.
Is #7f4422 readable on white or black?
#7f4422 has a 7.62:1 contrast ratio on white and 2.75: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.