#6541E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid indigo strikes a high-energy note, perfect for drawing attention to UI elements like buttons or notification badges. Because #6541e5 commands space, it works best as a punchy 10% accent rather than a full background. Pair it with dark grays or clean white text for optimal readability, as white provides the necessary 6.1:1 contrast for clear, crisp interfaces.
Questions about #6541e5
What is #6541e5 in RGB, HSL and CMYK?
In RGB, #6541e5 is rgb(101, 65, 229), in HSL hsl(253, 76%, 58%) and in CMYK 56%, 72%, 0%, 10%.
How should #6541e5 be used in interface design?
Use #6541e5 sparingly as a 10% accent color for interactive elements like buttons, toggles, or notification badges. Because this indigo is so intense, it works best when paired with neutral backgrounds to ensure your interface remains legible and does not overwhelm the user.
What colors pair best with #6541e5?
This indigo pairs exceptionally well with white or very light grays to ensure high readability and accessibility for text. For a more sophisticated look, combine it with deep charcoal to create a striking, modern contrast that balances the energy of the indigo.
Is #6541e5 readable on white or black?
#6541e5 has a 6.10:1 contrast ratio on white and 3.44: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.