#B10A90 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b10a90 is a high-intensity, saturated magenta that demands immediate attention. Due to its extreme boldness, it functions best as a 10% accent color rather than a large background fill. White text pairs perfectly with this shade, providing excellent readability for call-to-action buttons or highlights. Use this hex code sparingly in designs to maintain balance, as its loud, energetic character can easily overwhelm softer color palettes.
Questions about #b10a90
What is #b10a90 in RGB, HSL and CMYK?
In RGB, #b10a90 is rgb(177, 10, 144), in HSL hsl(312, 89%, 37%) and in CMYK 0%, 94%, 19%, 31%.
How should I use #b10a90 in a UI design?
Because #b10a90 is extremely bold and energetic, use it sparingly as a 10% accent color rather than a primary background fill. It works best for call-to-action buttons or highlights where high-contrast white text ensures readability.
What colors pair well with #b10a90?
Is #b10a90 readable on white or black?
#b10a90 has a 6.33:1 contrast ratio on white and 3.31: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.