#A26307 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mellow orange carries a strong earthy warmth. Because it reads slightly muddy, #a26307 works best as a small accent rather than a dominant background color. It pairs surprisingly well with deep forest greens or cool charcoals. The hex code #a26307 provides enough contrast for white text, making it a reliable choice for buttons or navigational highlights in UI design.
Questions about #a26307
What is #a26307 in RGB, HSL and CMYK?
In RGB, #a26307 is rgb(162, 99, 7), in HSL hsl(36, 92%, 33%) and in CMYK 0%, 39%, 96%, 36%.
What colors pair well with #a26307 in a design palette?
#a26307 anchors best when paired with deep, cool neutrals or dark greens to balance its inherent warmth. Use charcoal for text readability, or place it against dark forest greens to create a grounded, nature-inspired professional contrast.
Is #a26307 a good choice for UI text on a light background?
#a26307 generally lacks sufficient contrast for standard body text against light backgrounds, potentially failing accessibility guidelines. Use this hex code primarily for large buttons, secondary links, or decorative UI elements where high readability isn't the primary requirement.
Is #a26307 readable on white or black?
#a26307 has a 4.85:1 contrast ratio on white and 4.32: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.