#CC5F27 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc5f27 is a bold, saturated orange with high intensity and warmth. This shade carries a raw, energetic quality perfect for high-impact accents or attention-grabbing calls to action. Due to its strength, it works best as a 10% accent color rather than a large background. It pairs cleanly with deep charcoal grays to ground its flamboyance. The hex code for this color is #cc5f27.
Questions about #cc5f27
What is #cc5f27 in RGB, HSL and CMYK?
In RGB, #cc5f27 is rgb(204, 95, 39), in HSL hsl(20, 68%, 48%) and in CMYK 0%, 53%, 81%, 20%.
What colors pair best with #cc5f27 in a design layout?
Use #cc5f27 alongside deep charcoal or slate grays to balance its high saturation, as these neutrals prevent the orange from overwhelming your viewers. Avoid pairing it with other highly saturated warm tones to prevent visual strain.
Is #cc5f27 suitable for text or background usage?
Avoid using #cc5f27 for large backgrounds or body text because it is too intense and lacks the necessary contrast ratio for accessibility. Instead, apply it strictly as a call-to-action button color or a deliberate graphic accent.
Is #cc5f27 readable on white or black?
#cc5f27 has a 4.01:1 contrast ratio on white and 5.23: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.