#B24423 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated reddish-orange carries a high-energy intensity, making it an excellent choice for call-to-action buttons or urgent UI alerts. Because of its weight, use #b24423 primarily as a 10% accent color rather than a dominant background. It pairs exceptionally well with muted slate blues for a sophisticated, modern contrast. White text remains perfectly legible against this strong, warm tone for accessibility compliance.
Questions about #b24423
What is #b24423 in RGB, HSL and CMYK?
In RGB, #b24423 is rgb(178, 68, 35), in HSL hsl(14, 67%, 42%) and in CMYK 0%, 62%, 80%, 30%.
How should I use #b24423 in a web interface?
Apply #b24423 sparingly as a 10% accent color for interactive elements like buttons or notification badges. Because of its weight and high-energy intensity, using it as a dominant background can quickly overwhelm a layout and distract the viewer.
What colors pair well with #b24423 for a modern palette?
This reddish-orange creates a sophisticated, modern contrast when paired with muted slate blues. The cool, desaturated nature of the blue balances the heat of #b24423, making it an excellent combination for professional yet energetic branding designs.
Is #b24423 readable on white or black?
#b24423 has a 5.60:1 contrast ratio on white and 3.74: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.