#B358D9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b358d9 is a high-octane violet with intense saturation. It demands attention, making it far too loud for large backgrounds. Instead, save this bright shade for small UI accents, buttons, or creative highlights where it can pop against darker neutrals. While black text remains readable against it, white text often struggles. Use this hex code sparingly to maintain its punchy, energetic impact in your designs.
Questions about #b358d9
What is #b358d9 in RGB, HSL and CMYK?
In RGB, #b358d9 is rgb(179, 88, 217), in HSL hsl(282, 63%, 60%) and in CMYK 18%, 59%, 0%, 15%.
How do I best use #b358d9 in a web interface?
This color is extremely intense, so reserve #b358d9 for small UI elements like primary call-to-action buttons, icons, or notification badges. It quickly overwhelms a layout when used for large backgrounds or body text, so pair it sparingly.
What text color works best on top of #b358d9?
Black text usually maintains better readability against #b358d9 than white text because this violet is quite saturated. Always test the specific contrast ratio against your text size to ensure it meets accessibility standards for your users.
Is #b358d9 readable on white or black?
#b358d9 has a 3.95:1 contrast ratio on white and 5.31: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.