#BB2749 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated and intense red, #bb2749 brings immediate urgency to any design. Because of its high chroma, it works best as a punchy accent or a bold call to action rather than a large background. Pair it with soft, muted greys to ground the energy. Since white text sits at a 6.0:1 contrast against the hex code #bb2749, it remains perfectly readable in small UI elements.
Questions about #bb2749
What is #bb2749 in RGB, HSL and CMYK?
In RGB, #bb2749 is rgb(187, 39, 73), in HSL hsl(346, 65%, 44%) and in CMYK 0%, 79%, 61%, 27%.
How should I use #bb2749 in a UI design?
Reserve #bb2749 for high-impact UI elements like primary call-to-action buttons or important notification badges. Because it is a saturated red, using it on large surfaces like backgrounds will quickly overwhelm the user and cause visual fatigue.
What colors pair well with #bb2749?
This vibrant red pairs effectively with neutral shades like cool grey or soft charcoal to ground its intensity. For a balanced, professional look, incorporate desaturated tones to ensure the #bb2749 accent remains the clear focal point.
Is #bb2749 readable on white or black?
#bb2749 has a 6.00:1 contrast ratio on white and 3.49: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.