#CC0505 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and intense, #cc0505 is a high-energy red that demands immediate attention. This vivid hue works best as a 10% accent color for calls to action or UI alerts, rather than a full background. While it pairs well with deep charcoal grays, white text remains the most readable choice against its strong pigment. The hex code for this powerful, fiery shade is #cc0505.
Questions about #cc0505
What is #cc0505 in RGB, HSL and CMYK?
In RGB, #cc0505 is rgb(204, 5, 5), in HSL hsl(0, 95%, 41%) and in CMYK 0%, 98%, 98%, 20%.
How should I use #cc0505 in a professional user interface design?
#cc0505 serves best as a purposeful accent color rather than a primary background shade because of its high intensity. Limit its application to critical UI elements like call-to-action buttons or urgent alerts to ensure it commands attention without overwhelming your layout.
What colors pair best with #cc0505 for a balanced palette?
Pair #cc0505 with deep charcoal grays or clean off-whites to ground the color and improve readability. Because this red is so aggressive, using neutrals allows the hue to stand out effectively without competing with other bold or highly saturated tones.
Is #cc0505 readable on white or black?
#cc0505 has a 5.84:1 contrast ratio on white and 3.59:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.