#CC5B10 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange carries an intense, warm weight that grabs attention instantly. Because it commands the eye, use #cc5b10 as a small accent rather than a background color. It pairs effectively with cool slate grays to balance its heat. This hex code maintains a 5.1:1 contrast ratio against black text, ensuring readability for bold UI elements.
Questions about #cc5b10
What is #cc5b10 in RGB, HSL and CMYK?
In RGB, #cc5b10 is rgb(204, 91, 16), in HSL hsl(24, 85%, 43%) and in CMYK 0%, 55%, 92%, 20%.
What colors pair effectively with #cc5b10 for a balanced design?
Pair #cc5b10 with cool slate or deep charcoal tones to balance its natural heat. These neutral, desaturated colors provide a necessary cooling effect that prevents the high energy of the orange from overwhelming your overall layout or interface.
Is #cc5b10 suitable for UI elements or background use?
#cc5b10 functions best as a high-visibility accent color rather than a primary background choice. Because it commands immediate attention, use it sparingly for call-to-action buttons or highlights where you need to draw the eye without creating visual fatigue.
Is #cc5b10 readable on white or black?
#cc5b10 has a 4.14:1 contrast ratio on white and 5.07: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.