#C11F09 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red carries high intensity and visual weight. Because #c11f09 commands immediate attention, it functions best as a small accent or call-to-action button rather than a large background. It pairs well with crisp white text, which maintains a strong 6.1:1 contrast ratio. Use this hex code sparingly to highlight important UI elements, as its loud, aggressive nature easily overwhelms more neutral design palettes.
Questions about #c11f09
What is #c11f09 in RGB, HSL and CMYK?
In RGB, #c11f09 is rgb(193, 31, 9), in HSL hsl(7, 91%, 40%) and in CMYK 0%, 84%, 95%, 24%.
Where should I use #c11f09 in a user interface?
#c11f09 is best reserved for small, high-priority elements like error states, notification badges, or primary call-to-action buttons. Because this shade commands immediate attention and carries significant visual weight, using it sparingly prevents it from overwhelming your layout or distracting users from core content.
Is #c11f09 readable on white or black?
#c11f09 has a 6.05:1 contrast ratio on white and 3.46: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.