#C1112D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #c1112d graphic
This intense red demands immediate attention, making it ideal for call-to-action buttons or accent elements in UI design. Because of its high saturation, it works best in small doses rather than as a primary background. Pair #c1112d with a crisp, neutral slate gray to balance its natural heat. White text is highly legible against this hex code, ensuring that your most important messages remain clear and accessible.

Questions about #c1112d

What is #c1112d in RGB, HSL and CMYK?
In RGB, #c1112d is rgb(193, 17, 45), in HSL hsl(350, 84%, 41%) and in CMYK 0%, 91%, 77%, 24%.
How should I effectively use #c1112d in interface design?
Use #c1112d as a strategic accent rather than a primary background color. Because this shade is highly saturated and demands immediate visual attention, it functions best for call-to-action buttons or status indicators where clarity is paramount for the user.
What colors pair well with #c1112d for a balanced palette?
Pair #c1112d with a cool slate gray or crisp white to balance its natural warmth. These neutrals anchor the high energy of this red, ensuring that your layout remains accessible while maintaining a modern, professional aesthetic for your project.
Is #c1112d readable on white or black?
#c1112d has a 6.20:1 contrast ratio on white and 3.38: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.