#CB5500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense orange commands attention without being neon. Because #cb5500 is so loud, use it sparingly as a 10% accent color for calls to action or highlights rather than a large background. It pairs exceptionally well with charcoal or dark navy for high-contrast branding. Black text remains legible against this shade, making it a functional choice for bold web elements.
Questions about #cb5500
What is #cb5500 in RGB, HSL and CMYK?
In RGB, #cb5500 is rgb(203, 85, 0), in HSL hsl(25, 100%, 40%) and in CMYK 0%, 58%, 100%, 20%. Browse more shades of orange with names and hex codes.
What colors pair well with #cb5500 for branding?
#cb5500 pairs exceptionally well with deep neutrals like charcoal or dark navy. These grounding tones balance the high energy of this orange, preventing it from overwhelming your design while ensuring text remains highly legible for the user.
Is #cb5500 a good choice for background elements?
Avoid using #cb5500 as a large background color because its high saturation and intensity can quickly cause eye fatigue. Instead, utilize this bold shade for specific, functional elements like primary buttons or accent borders to draw attention effectively.
Is #cb5500 readable on white or black?
#cb5500 has a 4.34:1 contrast ratio on white and 4.83: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.