#C81E21 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma red demands attention with its intense, saturated pigment. Avoid using #c81e21 for large backgrounds, as the brightness can become overwhelming. Instead, apply it as a high-impact accent to guide user action. It pairs effectively with cool, dark grays. Designers should use white text with this hex code, as it meets a 5.7:1 contrast ratio for excellent readability.
Questions about #c81e21
What is #c81e21 in RGB, HSL and CMYK?
In RGB, #c81e21 is rgb(200, 30, 33), in HSL hsl(359, 74%, 45%) and in CMYK 0%, 85%, 84%, 22%.
How should I use #c81e21 in a UI design?
Because of its high saturation, #c81e21 functions best as a tactical accent color to highlight primary call-to-action buttons or alert states. Avoid using it for large background blocks, as the intensity can quickly overwhelm users and cause visual fatigue.
What colors pair well with #c81e21?
To balance the high energy of #c81e21, pair it with muted, cool-toned neutrals like charcoal or deep slate grays. This contrast grounds the vibrancy of the red while ensuring your text and interface elements remain readable and professional.
Is #c81e21 readable on white or black?
#c81e21 has a 5.73:1 contrast ratio on white and 3.66: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.