#BA257E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, vivid pink demands attention without apologies. Because of its high chroma, #ba257e works best as a punchy accent color rather than a primary background. It pairs surprisingly well with deep forest greens or charcoal grays to ground its intensity. Use this hex code for call-to-action buttons or small UI elements where you need high contrast, as white text remains readable against it.
Questions about #ba257e
What is #ba257e in RGB, HSL and CMYK?
In RGB, #ba257e is rgb(186, 37, 126), in HSL hsl(324, 67%, 44%) and in CMYK 0%, 80%, 32%, 27%.
How can I effectively pair #ba257e in a design layout?
#ba257e works best as a punchy accent because of its high intensity. To ground the color, pair it with deep neutrals like charcoal or very dark forest greens, which provide the necessary contrast to stop it from feeling overwhelming.
Is #ba257e a suitable choice for large areas of text?
This color is generally too vibrant for large blocks of text and may cause eye strain for readers. Stick to using #ba257e for small, high-impact UI elements like buttons or notification badges where white text remains easily readable against the background.
Is #ba257e readable on white or black?
#ba257e has a 5.74:1 contrast ratio on white and 3.65: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.