#BC5090 Hex Color
A bold and intense saturated magenta
#bc5090 is a bold, saturated magenta that demands attention. This shade functions best as an accent color for calls to action or UI highlights where you need to guide the user eye. While it pairs well with dark greys for a modern look, it can feel aggressive in large blocks. The hex code for this color is #bc5090, which maintains enough contrast for legible black text.
Questions about #bc5090
What is #bc5090 in RGB, HSL and CMYK?
In RGB, #bc5090 is rgb(188, 80, 144), in HSL hsl(324, 45%, 53%) and in CMYK 0%, 57%, 23%, 26%.
What colors pair well with #bc5090 in a UI design?
#bc5090 pairs exceptionally well with dark gray or charcoal to create a modern, high-contrast look that grounds the vibrancy. Using it alongside cool white or neutral grays prevents the magenta from feeling too aggressive for the user.
Is #bc5090 appropriate for large background areas?
Using #bc5090 for large background blocks is generally discouraged because the high saturation can quickly overwhelm the viewer and cause eye strain. It works most effectively when reserved for small, intentional elements like buttons, badges, or notification icons.
Is #bc5090 readable on white or black?
#bc5090 has a 4.47:1 contrast ratio on white and 4.68:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.