#A67224 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, golden-orange brings a grounded warmth to any palette. Because of its earthy undertones, it works best as a supporting accent rather than a primary background color. #a67224 pairs effectively with deep charcoals or slate blues, creating high-contrast readability for small text. The hex code for this mellow shade is #a67224, a reliable choice for autumn branding or industrial-inspired design projects.
Questions about #a67224
What is #a67224 in RGB, HSL and CMYK?
In RGB, #a67224 is rgb(166, 114, 36), in HSL hsl(36, 64%, 40%) and in CMYK 0%, 31%, 78%, 35%.
What works best as a companion to #a67224?
Deep charcoal or slate blue tones create excellent contrast against #a67224 for small text and UI elements. These colors ground the warmth of the orange, making it feel less vibrant and more sophisticated for professional, industrial-inspired branding projects.
Is #a67224 suitable for primary backgrounds?
Generally, #a67224 is too saturated for large background surfaces and functions better as a secondary or accent color. It draws the eye effectively for call-to-action buttons or borders, especially when placed against a neutral slate or creamy off-white background.
Is #a67224 readable on white or black?
#a67224 has a 4.15:1 contrast ratio on white and 5.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.