#CA2A1C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ca2a1c is a high-intensity red that commands immediate visual attention. Its strong saturation makes it effective as an accent or call-to-action button, though it can overwhelm large layouts if used as a primary background. Pair it with charcoal or deep navy for a sophisticated contrast. Since it offers a 5.4:1 ratio with white text, this hex code meets accessibility standards for body content.
Questions about #ca2a1c
What is #ca2a1c in RGB, HSL and CMYK?
In RGB, #ca2a1c is rgb(202, 42, 28), in HSL hsl(5, 76%, 45%) and in CMYK 0%, 79%, 86%, 21%.
How should I use #ca2a1c in UI design?
Apply #ca2a1c specifically for high-priority call-to-action buttons or alert states where you need to draw immediate user attention. Because of its high intensity, avoid using it as a primary background color to prevent eye strain and maintain a balanced, accessible layout.
What colors pair well with #ca2a1c?
Is #ca2a1c readable on white or black?
#ca2a1c has a 5.44:1 contrast ratio on white and 3.85: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.