#C12138 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands immediate attention with its intense, beaming presence. Because it is so loud, #c12138 performs best as a high-impact accent color rather than a primary background. It pairs exceptionally well with cool charcoal grays to ground the inherent urgency. Since white text reads clearly over this hex code, it remains a reliable choice for urgent UI alerts or bold calls to action.
Questions about #c12138
What is #c12138 in RGB, HSL and CMYK?
In RGB, #c12138 is rgb(193, 33, 56), in HSL hsl(351, 71%, 44%) and in CMYK 0%, 83%, 71%, 24%.
How should I use #c12138 in a user interface?
#c12138 is a high-intensity red that functions best as a functional accent rather than a primary background color. Use it sparingly for critical UI alerts, error states, or bold calls to action where you need to draw the eye immediately.
What colors pair well with #c12138 for a balanced palette?
This color anchors well against neutral, cool-toned backgrounds like charcoal or dark slate. Because #c12138 is so vibrant, avoid placing it next to other loud, saturated colors to prevent visual vibration and maintain readability for your users.
Is #c12138 readable on white or black?
#c12138 has a 5.92:1 contrast ratio on white and 3.54: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.