#C02121 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and intense, #c02121 commands immediate attention. This powerful red works best as a sharp accent or a call to action button rather than a full background, where its weight can become overwhelming. Pair it with soft, muted grays to ground its urgency. Because white text maintains excellent readability at a 6.0:1 contrast ratio, this hex code is a practical choice for UI highlights.
Questions about #c02121
What is #c02121 in RGB, HSL and CMYK?
In RGB, #c02121 is rgb(192, 33, 33), in HSL hsl(0, 71%, 44%) and in CMYK 0%, 83%, 83%, 25%.
How should I use #c02121 in user interface design?
#c02121 serves best as a tactical accent rather than a primary background color because of its intense visual weight. It is ideal for call to action buttons or error states where you need to guide the user's attention immediately.
Which neutral colors balance #c02121 effectively?
Soft, desaturated neutrals like charcoal or cool light grays ground this color without fighting for attention. Using these balanced pairings ensures the red remains the focal point while preventing the design from feeling overly aggressive or cluttered.
Is #c02121 readable on white or black?
#c02121 has a 6.03:1 contrast ratio on white and 3.48: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.