#B24A62 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated red balances warmth with a slightly dusty quality that keeps it from feeling aggressive. While bright reds demand attention, #b24a62 offers a softer approach suitable for branding or supporting UI elements. It pairs well with charcoal or soft creams rather than stark whites. Because it meets accessibility standards for text contrast, use it as a secondary accent color or for readable, medium-sized typography.
Questions about #b24a62
What is #b24a62 in RGB, HSL and CMYK?
In RGB, #b24a62 is rgb(178, 74, 98), in HSL hsl(346, 41%, 49%) and in CMYK 0%, 58%, 45%, 30%.
Is #b24a62 suitable for UI text?
Yes, #b24a62 works well for medium-sized text because it meets standard contrast ratios against light backgrounds. Its muted quality reduces the visual strain often associated with pure, high-saturation reds, making it a reliable choice for secondary UI elements or accent headers.
What colors pair well with #b24a62?
This red balances best with neutral, earthy tones rather than stark whites. It pairs beautifully with charcoal for high-contrast readability, or with soft creams and warm beiges to maintain its approachable, dusty aesthetic without looking too clinical or sharp.
Is #b24a62 readable on white or black?
#b24a62 has a 5.18:1 contrast ratio on white and 4.04: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.