#CC0E04 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity red #cc0e04 demands attention with its saturated, warm character. Use this punchy shade as a 10% accent color to trigger user action or highlight critical alerts in UI design. Because it is so loud, avoid using it as a full background, which can overwhelm the viewer. It pairs unexpectedly well with deep charcoal grays for a modern, high-contrast look.
Questions about #cc0e04
What is #cc0e04 in RGB, HSL and CMYK?
In RGB, #cc0e04 is rgb(204, 14, 4), in HSL hsl(3, 96%, 41%) and in CMYK 0%, 93%, 98%, 20%.
How should I effectively use #cc0e04 in interface design?
Use #cc0e04 sparingly as a 10% accent color to trigger specific user actions like buttons or critical alerts rather than a background. Because this red is highly saturated, it can quickly overwhelm viewers if applied to large, dominant interface areas.
What colors pair well with #cc0e04 for a modern palette?
This vibrant red pairs exceptionally well with deep charcoal grays to create a clean, modern, and high-contrast look. Neutral palettes featuring desaturated off-whites or soft creams also help ground the intensity of #cc0e04 without muting its natural, warm energy.
Is #cc0e04 readable on white or black?
#cc0e04 has a 5.78:1 contrast ratio on white and 3.63: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.