#C21D2D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red demands instant focus. Due to its boldness, #c21d2d functions best as an accent or call-to-action button rather than a full background. It provides excellent legibility for white text, which maintains a 6.0:1 contrast ratio against the surface. Use this hex code when you need to create a sense of urgency in your UI designs.
Questions about #c21d2d
What is #c21d2d in RGB, HSL and CMYK?
In RGB, #c21d2d is rgb(194, 29, 45), in HSL hsl(354, 74%, 44%) and in CMYK 0%, 85%, 77%, 24%.
When should designers use #c21d2d in their interface?
#c21d2d functions best as a focused accent or high-visibility call-to-action button rather than a background. Its intense saturation naturally draws the eye, so use it sparingly to create urgency without overwhelming the surrounding interface elements or distracting users from core content.
Is #c21d2d readable on white or black?
#c21d2d has a 5.98:1 contrast ratio on white and 3.50: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.