#5B34FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, highly saturated violet demands attention in any interface. Because it is so vivid, #5b34ff works best as a punchy accent color rather than a main background. It pairs exceptionally well with muted grays or creams to ground its electric energy. White text is readable against it, making the hex code #5b34ff a reliable choice for buttons and high-contrast call-to-action elements.
Questions about #5b34ff
What is #5b34ff in RGB, HSL and CMYK?
In RGB, #5b34ff is rgb(91, 52, 255), in HSL hsl(252, 100%, 60%) and in CMYK 64%, 80%, 0%, 0%.
How should I use #5b34ff in a website layout?
#5b34ff serves best as a strategic accent rather than a primary background color because of its intense saturation. Apply this violet to call-to-action buttons, active states, or notification badges to ensure they stand out sharply against charcoal or off-white backdrops.
What colors pair well with #5b34ff?
This vibrant violet balances beautifully against neutral, muted tones that ground its high energy. Pair it with soft creams or cool grays to prevent the violet from overwhelming the design while maintaining a modern, accessible, and professional high-contrast aesthetic.
Is #5b34ff readable on white or black?
#5b34ff has a 6.21:1 contrast ratio on white and 3.38: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.