#585CE5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is intense and commands immediate attention. It works best as a bold accent or a primary call-to-action button rather than a background, where its high chroma can quickly overwhelm the viewer. Because it sits between deep blue and purple, it lacks the muted quality of mixing gray. The hex code #585ce5 provides excellent accessibility with white text for high-contrast UI elements.
Questions about #585ce5
What is #585ce5 in RGB, HSL and CMYK?
In RGB, #585ce5 is rgb(88, 92, 229), in HSL hsl(238, 73%, 62%) and in CMYK 62%, 60%, 0%, 10%.
Is #585ce5 a good choice for UI text?
#585ce5 is too vibrant and saturated for body text, where it may cause eye strain and readability issues. It performs best as a focal point, such as a primary button or a header, when paired with high-contrast white or off-white backgrounds.
What colors pair best with the intensity of #585ce5?
Balance the saturation of #585ce5 by pairing it with neutral shades like light gray or crisp white to let the indigo pop without overwhelming the layout. For a more sophisticated palette, consider complementary accents like soft gold or mint green.
Is #585ce5 readable on white or black?
#585ce5 has a 5.15:1 contrast ratio on white and 4.07: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.