#B53179 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta demands attention with its intense, beaming character. Due to its high chroma, #b53179 works best as a sharp accent rather than a background. Use it sparingly to inject energy into UI calls to action or branding. It maintains strong contrast against white text, making it highly readable for bold headers, but it can easily overwhelm a layout if used across large surfaces.
Questions about #b53179
What is #b53179 in RGB, HSL and CMYK?
In RGB, #b53179 is rgb(181, 49, 121), in HSL hsl(327, 57%, 45%) and in CMYK 0%, 73%, 33%, 29%.
How should I balance #b53179 in a UI design?
Use #b53179 sparingly as an accent for buttons or call-to-action elements to create visual impact. It carries too much visual weight for large backgrounds, so keep it against neutral whites or dark charcoal to maintain readability without overwhelming the user.
What color palettes pair well with #b53179?
This magenta pairs beautifully with cool mint because their green-leaning undertones create a balanced, high-contrast complement. For a more sophisticated look, try grounding #b53179 against soft gray to ensure the intensity of the color remains contained and professional.
Is #b53179 readable on white or black?
#b53179 has a 5.70:1 contrast ratio on white and 3.68: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.