#B145AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated magenta demands attention, acting best as a punchy accent rather than a full background. The hex code #b145ae pairs unexpectedly well with deep teals or olive greens for a sophisticated clash. While it is readable enough for body text against white, the intensity can overwhelm a layout quickly. If you need to tone down its loudness, consider mixing gray into your palette to balance the energy.
Questions about #b145ae
What is #b145ae in RGB, HSL and CMYK?
In RGB, #b145ae is rgb(177, 69, 174), in HSL hsl(302, 44%, 48%) and in CMYK 0%, 61%, 2%, 31%.
How should I use #b145ae in a professional layout?
Use #b145ae as a vibrant accent rather than a primary background to avoid overwhelming your viewer. It creates a striking contrast against neutral grays or can be grounded by pairing it with deep teal or olive green.
Is #b145ae easy to read against a white background?
While #b145ae is readable for larger headers or UI elements, it can strain the eyes when used for small body text. Always verify your contrast ratio if layering it over white or light gray surfaces for accessibility.
Is #b145ae readable on white or black?
#b145ae has a 4.84:1 contrast ratio on white and 4.33: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.