#7564E3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

#7564e3 is a bold, saturated violet that demands attention without becoming abrasive. Its intense chroma works best as a punchy accent rather than a background color, where it might overwhelm the senses. This shade pairs surprisingly well with muted teals or soft creams, creating a balanced visual hierarchy. The hex code for this energetic purple is #7564e3, offering enough contrast for readable black text.

Questions about #7564e3

What is #7564e3 in RGB, HSL and CMYK?

In RGB, #7564e3 is rgb(117, 100, 227), in HSL hsl(248, 69%, 64%) and in CMYK 48%, 56%, 0%, 11%.

How can I effectively use #7564e3 in a design layout?

#7564e3 is best utilized as a high-impact accent color rather than a primary background to avoid overwhelming your viewer. Use it to highlight interactive elements like buttons or icons while pairing it with neutral bases like cream or slate to maintain balance.

What color combinations work best with #7564e3?

This violet pairs exceptionally well with muted, desaturated tones that soften its intense chroma. For a sophisticated look, combine #7564e3 with teal for high-contrast energy or keep it refined by placing it alongside charcoal and soft off-white text.

Is #7564e3 readable on white or black?

#7564e3 has a 4.47:1 contrast ratio on white and 4.68:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.

#7564E3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #7564e3

Color tools

Resources