#C2224D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #c2224d is a saturated, intense red with cool, pinkish undertones. Because it commands attention, use it sparingly as an accent rather than a full background. White text achieves a 5.8:1 contrast ratio against this shade, making it ideal for bold, readable UI elements. Designers favor this color for high-impact calls to action that need to cut through the noise.
Questions about #c2224d
What is #c2224d in RGB, HSL and CMYK?
In RGB, #c2224d is rgb(194, 34, 77), in HSL hsl(344, 70%, 45%) and in CMYK 0%, 82%, 60%, 24%.
How should I use #c2224d in a user interface?
#c2224d works best as an accent color for primary buttons or critical notifications where you need to draw the eye immediately. Because it is so intense, avoid using it for large backgrounds or body text to prevent visual fatigue.
What colors pair well with #c2224d?
Is #c2224d readable on white or black?
#c2224d has a 5.78:1 contrast ratio on white and 3.62: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.