#C95300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange demands attention with its warm, high-energy presence. Because of its heavy chroma, #c95300 works best as an accent rather than a background color, where it risks overwhelming the composition. It pairs well with slate grays or deep teals to ground its loudness. The hex code #c95300 supports readable black text, making it a functional choice for high-impact calls to action or UI highlights.
Questions about #c95300
What is #c95300 in RGB, HSL and CMYK?
In RGB, #c95300 is rgb(201, 83, 0), in HSL hsl(25, 100%, 39%) and in CMYK 0%, 59%, 100%, 21%.
How should I use #c95300 in UI design?
#c95300 is a high-chroma orange best reserved for specific UI accents rather than large backgrounds. Its intense energy creates immediate visual hierarchy when used for primary buttons or notification badges, but it can quickly overwhelm a layout if overused.
What colors pair well with #c95300?
Is #c95300 readable on white or black?
#c95300 has a 4.44:1 contrast ratio on white and 4.72: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.