#C7362E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #c7362e graphic
A saturated, warm red, #c7362e commands attention with an intense, aggressive character. It works best as a sharp 10% accent rather than a background, where its high energy can easily overwhelm a layout. Pair this hex code with cool, desaturated teals or dark grays to ground its urgency. White text remains legible against this shade for accessible calls to action.

Questions about #c7362e

What is #c7362e in RGB, HSL and CMYK?
In RGB, #c7362e is rgb(199, 54, 46), in HSL hsl(3, 62%, 48%) and in CMYK 0%, 73%, 77%, 22%. Browse more shades of red with names and hex codes.
How should I use #c7362e effectively in my designs?
#c7362e functions best as a sharp 10% accent rather than a background color, where its intensity can easily overwhelm a layout. It is perfect for call-to-action buttons or small visual highlights that need immediate attention and urgency.
What colors pair well with #c7362e to balance its intensity?
This warm red looks best when balanced against cool, desaturated teals or dark, neutral grays to ground its aggressive energy. Pairing it with a muted slate or a deep charcoal creates a sophisticated contrast that keeps the design readable.
Is #c7362e readable on white or black?
#c7362e has a 5.25:1 contrast ratio on white and 3.99: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.