#C86A03 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold orange is saturated and high-energy, demanding immediate attention wherever it appears. Because of its intensity, it works best as a punchy accent rather than a full background. Pair this shade with dark charcoal or deep navy for a grounded, modern look. The hex code for this color is #c86a03, which maintains excellent contrast with black text for accessible UI highlights.
Questions about #c86a03
What is #c86a03 in RGB, HSL and CMYK?
In RGB, #c86a03 is rgb(200, 106, 3), in HSL hsl(31, 97%, 40%) and in CMYK 0%, 47%, 99%, 22%.
How should I use #c86a03 in UI design?
Use #c86a03 strictly as a punchy accent color to draw the eye to buttons or notifications, rather than as a background. Because of its high saturation, it needs plenty of neutral whitespace or deep charcoal to feel balanced.
What colors work best with #c86a03?
This orange creates a grounded, modern aesthetic when paired with dark, cool tones like navy or deep charcoal. These high-contrast combinations prevent the brightness of the orange from feeling overwhelming while maintaining professional readability for your design projects.
Is #c86a03 readable on white or black?
#c86a03 has a 3.80:1 contrast ratio on white and 5.51: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.