#B30050 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense magenta is saturated and demands immediate attention. With deep, warm undertones, #b30050 works best as an aggressive accent or call to action rather than a dominant background. White text maintains legibility over this dark shade due to a contrast ratio of 6.9:1. The hex code for this powerful, confident pink is #b30050.
Questions about #b30050
What is #b30050 in RGB, HSL and CMYK?
In RGB, #b30050 is rgb(179, 0, 80), in HSL hsl(333, 100%, 35%) and in CMYK 0%, 100%, 55%, 30%.
How can I use #b30050 effectively in a design layout?
Because #b30050 is highly saturated and visually aggressive, it works best when reserved for small, deliberate elements like primary buttons, notification badges, or icon highlights. Avoid using it as a background color to prevent overwhelming your viewer or causing eye strain.
What colors pair well with the intense #b30050?
To balance the heat of #b30050, pair it with neutral tones like charcoal or soft off-whites to maintain readability. For a bolder palette, consider using desaturated teals or cool grays, which create a vibrant contrast that lets the pink stand out without clashing.
Is #b30050 readable on white or black?
#b30050 has a 6.92:1 contrast ratio on white and 3.03: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.