#5331EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo brings intense energy and electric focus to any design. Because it is highly vivid, #5331ea works best as a punchy accent color or a 10% CTA highlight rather than a dominant background. White text pops clearly against it, ensuring excellent readability. If you are learning how to make blue variants, keep this bold shade as your high-contrast reference point.
Questions about #5331ea
What is #5331ea in RGB, HSL and CMYK?
In RGB, #5331ea is rgb(83, 49, 234), in HSL hsl(251, 81%, 55%) and in CMYK 65%, 79%, 0%, 8%.
Where should I use #5331ea in a UI design?
Reserve #5331ea for small, high-impact elements like call-to-action buttons or notification badges. Because it is highly saturated, using it as a large background or primary brand color can overwhelm the user and make text harder to read.
Does #5331ea work well with light text?
Yes, #5331ea provides excellent contrast for white or very light gray text, making it a reliable choice for buttons or bold graphic accents. Always test the specific contrast ratio if using it as a background for smaller font sizes.
Is #5331ea readable on white or black?
#5331ea has a 7.01:1 contrast ratio on white and 2.99: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 is too faint for text. Try other pairs in the contrast checker.