#C7284A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c7284a is a punchy, high-intensity red that commands immediate attention. This saturated hue works best as a 10% accent color for calls to action or error states rather than a primary background. It pairs cleanly with crisp white text, meeting accessibility standards for small body copy. Because of its aggressive character, use this hex code sparingly to avoid overwhelming your design layout.
Questions about #c7284a
What is #c7284a in RGB, HSL and CMYK?
In RGB, #c7284a is rgb(199, 40, 74), in HSL hsl(347, 67%, 47%) and in CMYK 0%, 80%, 63%, 22%.
How should I use #c7284a in my interface design?
#c7284a works best as a targeted accent color rather than a primary background shade. Its high energy makes it ideal for call-to-action buttons or critical system error messages where you need to draw the eye without overwhelming the layout.
What colors pair well with #c7284a for balanced palettes?
This vibrant red pairs effectively with neutral grays or a deep charcoal to ground its intensity. Using a crisp white for text ensures high contrast and maintains readability, keeping the overall design clean and accessible for your users.
Is #c7284a readable on white or black?
#c7284a has a 5.48:1 contrast ratio on white and 3.83: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.