#C76B23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm orange is reminiscent of autumn leaves and construction signage. Because it carries significant visual weight, #c76b23 works best as an accent color rather than a dominant background. Pair it with dark charcoal grays for high contrast that feels modern and industrial. The hex code for this bold, energetic shade is #c76b23, which offers enough contrast for legible black text in small body copy.
Questions about #c76b23
What is #c76b23 in RGB, HSL and CMYK?
In RGB, #c76b23 is rgb(199, 107, 35), in HSL hsl(26, 70%, 46%) and in CMYK 0%, 46%, 82%, 22%.
What colors pair best with #c76b23 in a design layout?
Should I use #c76b23 as a primary background color?
Avoid using #c76b23 as a dominant background color because its high saturation and visual weight can overwhelm the eyes during extended reading. Instead, reserve it for call-to-action buttons, border highlights, or graphic accents where you want to draw immediate user attention.
Is #c76b23 readable on white or black?
#c76b23 has a 3.77:1 contrast ratio on white and 5.55: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.