#A26309 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, earthy orange carries a distinct warmth with strong brown undertones. It sits on the darker side, making it ideal as a supporting accent rather than a dominant background. Pair #a26309 with cream or slate blue to create a grounded, vintage palette. Since white text provides a clear 4.9:1 contrast, this hex code works effectively for buttons or text where readability is the primary goal.
Questions about #a26309
What is #a26309 in RGB, HSL and CMYK?
In RGB, #a26309 is rgb(162, 99, 9), in HSL hsl(35, 89%, 34%) and in CMYK 0%, 39%, 94%, 36%.
Does #a26309 work well for UI text or buttons?
Yes, #a26309 provides a clear 4.9:1 contrast ratio against white backgrounds, making it an excellent choice for primary buttons or call-to-action elements. It ensures your text remains accessible and readable without relying on harsher, more saturated tones.
What color combinations work best with #a26309?
This hue creates a grounded, vintage palette when paired with neutral cream or cool-toned slate blue. These combinations balance the intense warmth of the brown undertones, allowing the orange to stand out as a sophisticated, rather than jarring, visual accent.
Is #a26309 readable on white or black?
#a26309 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.