#6E54C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, cool violet brings intense energy to digital interfaces. While it can overwhelm as a primary background, #6e54c9 works best as a bold accent for buttons or calls to action. It pairs well with white text for high contrast, ensuring readability in UI designs. Designers should use this vivid shade sparingly to maintain its impact without creating visual fatigue.
Questions about #6e54c9
What is #6e54c9 in RGB, HSL and CMYK?
In RGB, #6e54c9 is rgb(110, 84, 201), in HSL hsl(253, 52%, 56%) and in CMYK 45%, 58%, 0%, 21%.
What is the best way to use #6e54c9 in web design?
Use #6e54c9 as a vibrant accent color for primary call to action buttons or active state highlights. Because of its high saturation, it works best when paired with neutral backgrounds to ensure your buttons stand out without causing eye strain for the user.
Which colors pair well with #6e54c9 for a palette?
This vibrant violet pairs effectively with crisp white for high contrast or a deep navy to create sophisticated depth. Use cool neutrals like silver or grey to let the color remain the focal point of your design composition.
Is #6e54c9 readable on white or black?
#6e54c9 has a 5.56:1 contrast ratio on white and 3.77: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.