#CC1313 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold red demands attention with high saturation and immediate intensity. Because it is so loud, #cc1313 works best as a sharp accent color rather than a primary background shade. It pairs well with crisp charcoal grays to ground its energy. For accessibility, this hex code provides enough contrast for white text, making it a reliable choice for buttons or notification alerts.
Questions about #cc1313
What is #cc1313 in RGB, HSL and CMYK?
In RGB, #cc1313 is rgb(204, 19, 19), in HSL hsl(0, 83%, 44%) and in CMYK 0%, 91%, 91%, 20%.
How should I use #cc1313 in my interface designs?
Because #cc1313 is highly saturated and demands immediate attention, use it sparingly as a strategic accent color for critical UI elements like error messages, delete buttons, or urgent notification badges rather than large backgrounds.
What colors pair well with the intensity of #cc1313?
The aggressive energy of #cc1313 is best balanced by grounding it with neutral tones. It pairs beautifully with deep charcoal or soft off-whites, which help contain the color's brightness without dulling its impact.
Is #cc1313 readable on white or black?
#cc1313 has a 5.72:1 contrast ratio on white and 3.67: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.