#C97C17 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated orange balances warmth with a grounded, earthy quality. Because #c97c17 can easily feel muddy in large areas, use it as a 10% accent color to highlight buttons or call to action elements. It creates high contrast with black text, ensuring readability in UI designs. Pair this shade with deep charcoal or slate blue to prevent it from looking too flat.
Questions about #c97c17
What is #c97c17 in RGB, HSL and CMYK?
In RGB, #c97c17 is rgb(201, 124, 23), in HSL hsl(34, 79%, 44%) and in CMYK 0%, 38%, 89%, 21%.
What colors best complement the earthy tone of #c97c17?
Pair #c97c17 with charcoal or deep slate blue to ground its warmth and prevent the hue from looking flat. These cooler, darker tones create necessary visual depth, allowing the orange to pop without appearing overly muddy or unrefined in your design.
Where should I use #c97c17 in a UI design?
Use #c97c17 sparingly as a 10% accent color, such as for primary buttons or specific call-to-action elements. Because it is an unsaturated, mellow shade, it provides high contrast against black text while maintaining a professional and readable aesthetic.
Is #c97c17 readable on white or black?
#c97c17 has a 3.29:1 contrast ratio on white and 6.37: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.