#5331FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric indigo is unapologetically bold and intense. Because of its high saturation, it commands immediate attention and works best as a sharp 10% accent rather than a full background. Pair this hex code #5331ff with soft grays to ground its energy. It maintains excellent readability with white text, making it a functional choice for high-impact calls to action or modern interface highlights.
Questions about #5331ff
What is #5331ff in RGB, HSL and CMYK?
In RGB, #5331ff is rgb(83, 49, 255), in HSL hsl(250, 100%, 60%) and in CMYK 67%, 81%, 0%, 0%.
How can I best use #5331ff in a UI design?
#5331ff works best as a precise 10% accent color, such as for high-impact call-to-action buttons or modern interface highlights. Because it is highly saturated, avoid using it as a large background to ensure the layout remains readable and balanced.
What colors pair well with #5331ff?
This electric indigo pairs effectively with neutral tones like soft gray or white to ground its intense energy. Using neutral colors allows #5331ff to stand out without overwhelming the viewer, maintaining a clean and professional look for your design project.
Is #5331ff readable on white or black?
#5331ff has a 6.45:1 contrast ratio on white and 3.25: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.