#5A00FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric indigo is intensely saturated and demands immediate attention. Due to its high chroma, #5a00ff works best as a punchy accent color rather than a primary background, which can quickly strain the eyes. Pair it with soft, warm neutrals to balance its inherent coolness. White text remains highly readable against this hex code, ensuring accessibility for bold UI elements or calls to action.
Questions about #5a00ff
What is #5a00ff in RGB, HSL and CMYK?
In RGB, #5a00ff is rgb(90, 0, 255), in HSL hsl(261, 100%, 50%) and in CMYK 65%, 100%, 0%, 0%.
What colors pair best with #5a00ff?
Is #5a00ff suitable for large blocks of text?
Avoid using #5a00ff as a background for large text blocks, as its high chroma creates significant eye strain. It is much more effective as an accent, button, or highlight color where it can grab attention without making the content difficult to read.
Is #5a00ff readable on white or black?
#5a00ff has a 7.29:1 contrast ratio on white and 2.87: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.