#6857F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric indigo hits hard with intense saturation. Because of its high energy, avoid using #6857f5 as a full page background. Instead, reserve it for call to action buttons or design accents where it can grab attention. White text provides enough contrast to remain readable, making this hex code a functional choice for UI elements. Pair it with soft, warm neutrals to balance the intensity.
Questions about #6857f5
What is #6857f5 in RGB, HSL and CMYK?
In RGB, #6857f5 is rgb(104, 87, 245), in HSL hsl(246, 89%, 65%) and in CMYK 58%, 64%, 0%, 4%.
Where does #6857f5 work best in UI design?
Use #6857f5 as an accent color for call to action buttons or active states rather than as a large background. Its high saturation works effectively against light gray or white backgrounds, creating a clean, modern aesthetic without overwhelming the user interface.
Which colors should I pair with #6857f5?
Balance #6857f5 by pairing it with warm cream or soft charcoal to ground its intense energy. These neutral tones allow the indigo to remain the clear focal point while ensuring your text remains accessible and easy to read for all users.
Is #6857f5 readable on white or black?
#6857f5 has a 4.91:1 contrast ratio on white and 4.27: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.