#BF3343 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This strong, saturated red carries a fierce energy that demands immediate attention. Because of its intensity, #bf3343 works best as a 10% accent rather than a full background color, where it can easily overwhelm the eye. Pair this hex code with cool grays or charcoal to ground its natural heat, ensuring the contrast remains readable and balanced for your UI design.
Questions about #bf3343
What is #bf3343 in RGB, HSL and CMYK?
In RGB, #bf3343 is rgb(191, 51, 67), in HSL hsl(353, 58%, 47%) and in CMYK 0%, 73%, 65%, 25%.
How should I use #bf3343 effectively in a UI design?
Because #bf3343 carries such high energy, limit its usage to small functional elements like alert icons or buttons. Pairing it with neutral charcoal or light gray backgrounds prevents the color from overwhelming the user's focus.
Is #bf3343 readable on white or black?
#bf3343 has a 5.57:1 contrast ratio on white and 3.76: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.