#C62336 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red is bold and commands immediate attention, making it perfect for UI accents or high-impact calls to action. Because of its intensity, use #c62336 sparingly as a 10% accent rather than a full background. It pairs exceptionally well with slate grays for a modern, grounded contrast. The hex code for this powerful red is #c62336, and it remains readable against white text.
Questions about #c62336
What is #c62336 in RGB, HSL and CMYK?
In RGB, #c62336 is rgb(198, 35, 54), in HSL hsl(353, 70%, 46%) and in CMYK 0%, 82%, 73%, 22%.
How should I use #c62336 in a UI design?
#c62336 works best as a deliberate, high-impact accent color rather than a primary background fill. Because of its intensity, limit usage to roughly 10% of your interface to guide user attention toward buttons or critical call-to-action elements effectively.
What colors pair best with #c62336?
This saturated red pairs naturally with slate or charcoal grays to create a modern, grounded contrast. Using neutral, desaturated tones prevents the visual vibrating effect that often happens when pairing high-intensity red with other vibrant hues.
Is #c62336 readable on white or black?
#c62336 has a 5.68:1 contrast ratio on white and 3.69: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.