#BF474A Hex Color
Punchy terracotta red with warm energy
This warm, terracotta-leaning red carries significant weight and intensity. Because of its saturated nature, the hex code #bf474a works best as a punchy 10% accent rather than a dominant background. Pair it with soft cream or slate gray to ground its energy. It provides enough contrast to support white text comfortably, making it a reliable choice for buttons or navigational highlights in UI design.
Questions about #bf474a
What is #bf474a in RGB, HSL and CMYK?
In RGB, #bf474a is rgb(191, 71, 74), in HSL hsl(359, 48%, 51%) and in CMYK 0%, 63%, 61%, 25%.
How should I use #bf474a in a design layout?
#bf474a carries significant intensity and weight, so it is most effective as a punchy 10% accent rather than a dominant background color. It provides excellent contrast against white text, making it a reliable choice for buttons or navigational highlights.
What colors pair well with #bf474a for a balanced palette?
To ground the energy of #bf474a, pair it with soft neutrals like cream or slate gray. These combinations tone down the saturation, allowing the red to pop without overwhelming the rest of your interface components.
Is #bf474a readable on white or black?
#bf474a has a 4.98:1 contrast ratio on white and 4.21: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.