#B646BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated magenta commands attention. Because of its high intensity, #b646ba works best as a 10% accent color for UI calls to action rather than a background. Pair this hex code with dark charcoal to ground its brightness. White text remains highly readable against this shade, meeting WCAG AA standards for small body text, so it functions well for buttons and typography.
Questions about #b646ba
What is #b646ba in RGB, HSL and CMYK?
In RGB, #b646ba is rgb(182, 70, 186), in HSL hsl(298, 46%, 50%) and in CMYK 2%, 62%, 0%, 27%.
How should I use #b646ba in UI design?
#b646ba is a high-intensity shade that functions best as a small, impactful accent color rather than a background. Use it for call-to-action buttons or highlights where you want to draw immediate user attention without overwhelming the overall layout.
What colors pair well with #b646ba?
This magenta pairs exceptionally well with dark charcoal to ground its brightness and provide necessary contrast. Because of its intensity, it also balances effectively against neutral grays or stark white, which helps maintain readability for text elements.
Is #b646ba readable on white or black?
#b646ba has a 4.59:1 contrast ratio on white and 4.57: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 for body text. Try other pairs in the contrast checker.