#CA0404 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red demands immediate attention. Due to its extreme boldness, #ca0404 works best as a sharp accent rather than a background color, as it can easily overwhelm a design. It pairs effectively with deep charcoals or slate grays to tone down the heat. The hex code #ca0404 maintains enough contrast with white text for readable headlines in UI design.
Questions about #ca0404
What is #ca0404 in RGB, HSL and CMYK?
In RGB, #ca0404 is rgb(202, 4, 4), in HSL hsl(0, 96%, 40%) and in CMYK 0%, 98%, 98%, 21%. Browse more shades of red with names and hex codes.
How can I balance the intensity of #ca0404 in a UI design?
Since #ca0404 is highly vibrant, use it sparingly as an accent for call-to-action buttons or alert icons rather than as a background color. Pairing it with charcoal or dark slate grays prevents it from overwhelming the user interface.
Is #ca0404 readable on white or black?
#ca0404 has a 5.94:1 contrast ratio on white and 3.53: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.