#6E61E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo commands attention with its intense, beaming energy. It works best as a 10% accent color for calls to action or UI highlights where you need to guide the user’s eye. While it can read slightly overwhelming as a full background, it creates a striking pairing with crisp, warm yellows. The hex code for this color is #6e61e5, and it remains readable against white text.
Questions about #6e61e5
What is #6e61e5 in RGB, HSL and CMYK?
In RGB, #6e61e5 is rgb(110, 97, 229), in HSL hsl(246, 72%, 64%) and in CMYK 52%, 58%, 0%, 10%.
How can I effectively use #6e61e5 in user interface design?
#6e61e5 works best as a punchy accent color limited to roughly 10 percent of your design. Because of its high saturation and intensity, using it sparingly for primary buttons or hover states prevents it from overwhelming your layout.
What colors pair well with the intense saturation of #6e61e5?
Pair #6e61e5 with crisp, warm yellows or soft creams to create a high-contrast, energetic visual balance. Avoid pairing it with other overly bright jewel tones, as competing intensities often lead to visual vibration and decreased readability for users.
Is #6e61e5 readable on white or black?
#6e61e5 has a 4.66:1 contrast ratio on white and 4.50: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 for body text. Try other pairs in the contrast checker.