#5B33EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5b33ea is an intense, saturated indigo with a cool, electric presence. This high-chroma shade demands attention, making it ideal as a 10% accent color for calls to action or UI highlights. Because it is so dominant, avoid using it for large backgrounds. White text pairs perfectly here for high readability, as the color offers strong contrast for standard body copy.
Questions about #5b33ea
What is #5b33ea in RGB, HSL and CMYK?
In RGB, #5b33ea is rgb(91, 51, 234), in HSL hsl(253, 81%, 56%) and in CMYK 61%, 78%, 0%, 8%.
Where should I use #5b33ea in my website UI?
Use #5b33ea primarily as a 10% accent color for interactive elements like buttons, active icons, or call-to-action highlights. Because of its intense, high-chroma saturation, it tends to vibrate and strain the eyes when applied to large, flat background areas.
What colors pair well with #5b33ea for a balanced palette?
This indigo works best when paired with neutral foundations like off-white or cool-gray to maintain readability. For a bolder, secondary contrast, you can successfully balance its electric energy by using small amounts of vibrant-yellow or bright-orange in surrounding graphics.
Is #5b33ea readable on white or black?
#5b33ea has a 6.76:1 contrast ratio on white and 3.10: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.