#585FEF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#585fef is a high-chroma, electric violet that commands immediate attention. Its intense saturation makes it an excellent choice for bold calls to action or UI accents where you need to guide the user’s eye. While it can be overwhelming as a large background, it pairs beautifully with clean white text for optimal legibility. The hex code for this vivid indigo is #585fef.
Questions about #585fef
What is #585fef in RGB, HSL and CMYK?
In RGB, #585fef is rgb(88, 95, 239), in HSL hsl(237, 83%, 64%) and in CMYK 63%, 60%, 0%, 6%.
Does #585fef work well as a primary background color?
Generally, #585fef is too visually intense to use as a large background because its high saturation can quickly overwhelm the viewer. It is much more effective when reserved for smaller UI elements like buttons, active navigation states, or subtle alert icons.
What colors pair well with #585fef for a UI layout?
Because #585fef is so vibrant, it pairs best with neutral tones to maintain balance and readability. Use white for high-contrast text or a very dark charcoal to ground the design without clashing with the electric violet intensity.
Is #585fef readable on white or black?
#585fef has a 4.88:1 contrast ratio on white and 4.29: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.