#C56504 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

Aggressive and high-energy, this saturated orange demands immediate attention. The hex code for this shade is #c56504. Because the tone is intense, it functions best as a small accent or call-to-action button rather than a large background. Pair it with deep charcoal or navy to balance the warmth. Since black text provides excellent contrast, you can safely use it for high-impact buttons and bold typography.

Questions about #c56504

What is #c56504 in RGB, HSL and CMYK?

In RGB, #c56504 is rgb(197, 101, 4), in HSL hsl(30, 96%, 39%) and in CMYK 0%, 49%, 98%, 23%.

How do I use #c56504 effectively without overwhelming my design?

Use #c56504 exclusively for functional UI elements like call-to-action buttons or small callouts where high visibility is required. Because this tone is so intense, it often clashes with other warm colors, so pair it with cool neutrals like charcoal or navy to ground the palette.

Is #c56504 readable on white or black?

#c56504 has a 4.00:1 contrast ratio on white and 5.23: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.

#C56504 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #c56504

Color tools

Resources