#6564E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo packs high intensity, making it difficult to miss on a screen. Because it is so bright, use #6564e5 as a bold accent color for buttons or call-to-action elements rather than a full page background. It pairs exceptionally well with muted grays or creams to keep the design grounded. Since it meets accessibility standards, white text remains legible when layered on top.
Questions about #6564e5
What is #6564e5 in RGB, HSL and CMYK?
In RGB, #6564e5 is rgb(101, 100, 229), in HSL hsl(240, 71%, 65%) and in CMYK 56%, 56%, 0%, 10%.
How should I use #6564e5 in web design?
Because #6564e5 is so saturated, apply it primarily as a bold accent for buttons or call-to-action elements rather than large backgrounds. It creates high impact for interactive areas without overwhelming the eyes, especially when balanced against soft cream or neutral backgrounds.
Is #6564e5 readable on white or black?
#6564e5 has a 4.65: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.