#C41515 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-energy red demands attention. Because it is so saturated, #c41515 works best as an accent color for calls to action or alert indicators rather than a full background. Pair it with dark charcoal or off-white to ground its brightness. White text remains readable against this hex code, making it a functional choice for high-impact buttons and error states in interface design.
Questions about #c41515
What is #c41515 in RGB, HSL and CMYK?
In RGB, #c41515 is rgb(196, 21, 21), in HSL hsl(0, 81%, 43%) and in CMYK 0%, 89%, 89%, 23%.
How should I use #c41515 in a user interface?
Because #c41515 is so highly saturated, it functions best as an accent color for functional elements like error states, urgent notifications, or primary buttons. Avoid using it as a large background color, as it can be visually overwhelming for users.
What colors pair well with #c41515 for a balanced design?
To ground the brightness of #c41515, pair it with neutral tones like dark charcoal or off-white. These choices allow the intensity of the red to pop without straining the eye, creating a professional and readable interface for any application.
Is #c41515 readable on white or black?
#c41515 has a 6.06:1 contrast ratio on white and 3.46: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.