#C97C26 Hex Color

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

Hex color #c97c26 graphic
This muted, mellow orange feels grounded and approachable without the intensity of brighter shades. Because it has enough contrast to support black text, it works well for UI elements that need a distinct, warm accent. Use #c97c26 sparingly, as it can feel heavy when used as a full background. Pair it with deep charcoal or slate gray for a sophisticated, modern look. The hex code for this color is #c97c26.

Questions about #c97c26

What is #c97c26 in RGB, HSL and CMYK?
In RGB, #c97c26 is rgb(201, 124, 38), in HSL hsl(32, 68%, 47%) and in CMYK 0%, 38%, 81%, 21%.
What colors pair well with #c97c26?
#c97c26 pairs well with charcoal or slate to create a sophisticated, balanced look. Because this orange is muted and earthy, it creates high contrast when placed against dark, neutral backgrounds while avoiding the neon intensity of brighter shades.
Is #c97c26 a good choice for user interface design?
Yes, #c97c26 works effectively as a warm accent or call-to-action button color in user interfaces. Since it provides enough contrast for readable text, it helps guide user attention without the visual heaviness that occurs when using this shade for large backgrounds.
Is #c97c26 readable on white or black?
#c97c26 has a 3.28:1 contrast ratio on white and 6.39: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.