#CC6B26 Hex Color

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

Hex color #cc6b26 graphic
This mellow, saturated orange brings an immediate sense of warmth and creative energy. Because it sits on the lighter side of rust, #cc6b26 works best as an accent color to highlight buttons or call-to-action elements. It pairs surprisingly well with dark teals or charcoal grays. Black text creates a readable 5.7:1 contrast ratio against it, making this hex code a reliable choice for small body text.

Questions about #cc6b26

What is #cc6b26 in RGB, HSL and CMYK?
In RGB, #cc6b26 is rgb(204, 107, 38), in HSL hsl(25, 69%, 47%) and in CMYK 0%, 48%, 81%, 20%.
What colors pair well with #cc6b26 for a balanced interface?
#cc6b26 creates a sophisticated, high-contrast look when paired with deep charcoal or dark teal shades. These grounded, cooler tones balance the intense warmth of this rust orange, making it ideal for professional web interfaces or editorial design layouts.
Is #cc6b26 suitable for small text on websites?
Yes, #cc6b26 is an accessible choice for body text because it achieves a 5.7:1 contrast ratio against black. This makes it a reliable, readable option for designers who want to avoid pure black while maintaining strict accessibility standards.
Is #cc6b26 readable on white or black?
#cc6b26 has a 3.68:1 contrast ratio on white and 5.69: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.