#C9061C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands immediate attention. Because it dominates any layout, keep #c9061c reserved for small accents or urgent calls to action rather than full backgrounds. It maintains a 6.0:1 contrast ratio against white text, ensuring readability. Pair this hex code with dark grays or cool blues to prevent the intensity from becoming overwhelming in your interface.
Questions about #c9061c
What is #c9061c in RGB, HSL and CMYK?
In RGB, #c9061c is rgb(201, 6, 28), in HSL hsl(353, 94%, 41%) and in CMYK 0%, 97%, 86%, 21%.
Where should I use #c9061c in my UI designs?
Reserve #c9061c for small interface elements like primary call-to-action buttons, error notifications, or specific alert icons. Because this shade is highly saturated and visually dominant, using it for large backgrounds can overwhelm users and distract from your primary content.
What colors pair well with #c9061c?
To ground the intensity of #c9061c, pair it with neutral tones like charcoal or cool, deep blues to stabilize the composition. These darker or cooler shades provide necessary contrast, preventing the red from feeling too jarring against the surrounding layout elements.
Is #c9061c readable on white or black?
#c9061c has a 5.95:1 contrast ratio on white and 3.52: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.