#B158DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b158dd is a high-energy, saturated violet that demands immediate attention. Due to its intense brightness, use this hex code sparingly as a 10% accent color rather than a primary background. It pairs well with charcoal or deep navy for a modern tech aesthetic. Black text remains perfectly readable on this shade, making it a functional choice for smaller UI elements and calls to action.
Questions about #b158dd
What is #b158dd in RGB, HSL and CMYK?
In RGB, #b158dd is rgb(177, 88, 221), in HSL hsl(280, 66%, 61%) and in CMYK 20%, 60%, 0%, 13%.
How should I effectively use #b158dd in UI design?
#b158dd functions best as an accent color rather than a primary background because of its high saturation. Use it for small elements like call-to-action buttons or highlights, where it can provide high contrast against charcoal or deep navy surfaces.
Is #b158dd readable on white or black?
#b158dd has a 3.95:1 contrast ratio on white and 5.30: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.