#B0317E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bold pink commands attention with its intense, warm energy. Because of its high chroma, #b0317e works best as a punchy accent or a call-to-action button rather than a large background block. It pairs unexpectedly well with deep teals or muted olive tones to ground its flamboyance. White text remains perfectly legible against this hex code, making it a strong choice for high-impact UI elements.
Questions about #b0317e
What is #b0317e in RGB, HSL and CMYK?
In RGB, #b0317e is rgb(176, 49, 126), in HSL hsl(324, 56%, 44%) and in CMYK 0%, 72%, 28%, 31%. Browse more shades of pink with names and hex codes.
How should I use #b0317e in a UI design?
#b0317e functions best as a high-contrast call-to-action button or a small accent element rather than a background color. Its high saturation commands attention, so use it sparingly against neutral backdrops to maintain visual hierarchy without overwhelming your users.
What colors pair well with #b0317e?
Is #b0317e readable on white or black?
#b0317e has a 5.85:1 contrast ratio on white and 3.58: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.