#CC172A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc172a is a highly saturated, aggressive red that commands attention. Because it is so intense, it works best as a punchy 10% accent rather than a background. Pair it with soft, muted greys to ground the energy. White text is perfectly legible over this shade, offering a 5.6:1 contrast ratio that meets accessibility standards for body copy. The hex code for this vivid red is #cc172a.
Questions about #cc172a
What is #cc172a in RGB, HSL and CMYK?
In RGB, #cc172a is rgb(204, 23, 42), in HSL hsl(354, 80%, 45%) and in CMYK 0%, 89%, 79%, 20%. Browse more shades of red with names and hex codes.
How can I balance the intensity of #cc172a in a design layout?
Use #cc172a as a targeted 10% accent color to maintain visual impact without overwhelming the user. Pairing this vibrant red with soft, muted charcoal or cool grey backgrounds effectively grounds its high-energy, aggressive nature while keeping content readable.
Is #cc172a readable on white or black?
#cc172a has a 5.63:1 contrast ratio on white and 3.72: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.