#C02C40 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c02c40 is a saturated red that demands immediate attention. Due to its intensity, this color works best as a 10% accent rather than a dominant background. It pairs well with charcoal or warm cream for balanced contrast. White text remains highly readable against this hex code, making it a reliable choice for buttons or alert badges in UI design.
Questions about #c02c40
What is #c02c40 in RGB, HSL and CMYK?
In RGB, #c02c40 is rgb(192, 44, 64), in HSL hsl(352, 63%, 46%) and in CMYK 0%, 77%, 67%, 25%.
How can I use #c02c40 effectively in user interface design?
#c02c40 is an intense, high-energy hue that works best as a deliberate accent rather than a dominant background color. Reserve it for specific interactive elements like buttons, error notifications, or alert badges where high visual priority is required.
What colors pair well with #c02c40 for a balanced design?
To ground this intense red, pair #c02c40 with neutral tones like charcoal or soft, warm cream. These balanced partners reduce visual vibration while keeping the bold red legible, making them excellent choices for backgrounds or supporting typography.
Is #c02c40 readable on white or black?
#c02c40 has a 5.71:1 contrast ratio on white and 3.67: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.