#BD0054 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bd0054 graphic
This intense, saturated pink commands immediate attention. Because #bd0054 carries such high visual weight, it serves best as a 10% accent color rather than a large background. It pairs exceptionally well with charcoal grays or deep navies to temper the heat. Because it provides high contrast with white text, this hex code is a strong choice for UI buttons and high-impact calls to action.

Questions about #bd0054

What is #bd0054 in RGB, HSL and CMYK?
In RGB, #bd0054 is rgb(189, 0, 84), in HSL hsl(333, 100%, 37%) and in CMYK 0%, 100%, 56%, 26%.
How should I use #bd0054 in a user interface?
This high-intensity pink is an excellent accent for conversion-focused UI elements like buttons or notification badges. Because it draws the eye immediately, reserve #bd0054 for small, critical action items rather than large backgrounds to prevent visual fatigue.
Which colors pair best with #bd0054 for a professional look?
Deep, cool neutrals effectively temper the heat of this saturated pink. You will achieve the best results by pairing #bd0054 with a deep charcoal or a dark navy to create a sophisticated, high-contrast look that remains readable.
Is #bd0054 readable on white or black?
#bd0054 has a 6.37:1 contrast ratio on white and 3.29: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.