#B4242C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red carries intense warmth and command. Because it is so aggressive and high-energy, it functions best as a 10% accent rather than a dominant background. Pair #b4242c with dark charcoal or off-white to keep it from feeling overwhelming. This hex code offers enough contrast for readable text, making it a reliable choice for urgent UI buttons and call-to-action highlights.
Questions about #b4242c
What is #b4242c in RGB, HSL and CMYK?
In RGB, #b4242c is rgb(180, 36, 44), in HSL hsl(357, 67%, 42%) and in CMYK 0%, 80%, 76%, 29%. Browse more shades of red with names and hex codes.
How should I use #b4242c in a design?
Use #b4242c sparingly, ideally for small UI elements like call-to-action buttons or alert icons. Because this red is highly saturated, it commands immediate attention; applying it to large backgrounds usually creates visual strain and overwhelms the user interface.
What colors pair well with #b4242c?
Balance this aggressive red by pairing it with neutral, darker tones like charcoal or soft off-white shades. These pairings ground the intensity of #b4242c, allowing it to stand out as a highlight rather than clashing with the rest of your design composition.
Is #b4242c readable on white or black?
#b4242c has a 6.50:1 contrast ratio on white and 3.22: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.