#C72126 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and intense, #c72126 functions best as an accent rather than a full background. The hex code creates a 5.7:1 contrast against white, providing enough clarity for small, critical UI text. Pair this bold red with cool, desaturated grays to anchor its energy. Use it for alerts or calls to action, where immediate visual impact matters.
Questions about #c72126
What is #c72126 in RGB, HSL and CMYK?
In RGB, #c72126 is rgb(199, 33, 38), in HSL hsl(358, 72%, 45%) and in CMYK 0%, 83%, 81%, 22%.
Where should I use #c72126 in a UI design?
Use #c72126 strictly as an accent color for high-priority elements like error messages, delete buttons, or urgent notifications. Because it is highly saturated, it draws immediate attention, but it will quickly overwhelm your interface if used on large backgrounds.
What colors pair well with #c72126?
To anchor the energy of #c72126, pair it with cool, desaturated tones such as charcoal or soft silver. These neutrals temper the intensity of the red, preventing it from clashing while maintaining a professional and readable visual hierarchy.
Is #c72126 readable on white or black?
#c72126 has a 5.71:1 contrast ratio on white and 3.67: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.