#C31128 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red carries significant intensity, making it an ideal choice for high-impact accents or urgent calls to action. Because it demands attention, avoid using #c31128 as a primary background color, as it can quickly overwhelm a design. It pairs surprisingly well with cool, dark charcoals, which ground its aggressive nature. White text remains perfectly legible against this hex code, maintaining excellent readability.
Questions about #c31128
What is #c31128 in RGB, HSL and CMYK?
In RGB, #c31128 is rgb(195, 17, 40), in HSL hsl(352, 84%, 42%) and in CMYK 0%, 91%, 79%, 24%.
What colors pair well with #c31128 in a design?
Because #c31128 is so aggressive, it balances perfectly against cool, dark neutrals like charcoal or deep slate, which ground the color's intensity. For a high-contrast look, pure white text is highly legible against this red.
Is #c31128 suitable for use as a website background?
Avoid using #c31128 as a primary background color because its extreme saturation can quickly overwhelm a viewer and cause visual fatigue. Use it sparingly for small, functional UI elements like call-to-action buttons or alert icons instead.
Is #c31128 readable on white or black?
#c31128 has a 6.12:1 contrast ratio on white and 3.43: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.