#6A64C6 Hex Color

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

Hex color #6a64c6 graphic
This saturated, cool purple balances mystery with a sense of order. Because of its medium lightness, white text remains legible against #6a64c6, making it a strong choice for UI elements or bold branding accents. It works best in small doses rather than as a primary background, as it can easily overwhelm a layout. The hex code for this indigo shade is #6a64c6.

Questions about #6a64c6

What is #6a64c6 in RGB, HSL and CMYK?
In RGB, #6a64c6 is rgb(106, 100, 198), in HSL hsl(244, 46%, 58%) and in CMYK 46%, 49%, 0%, 22%.
What colors pair well with #6a64c6 for a UI design?
Pair #6a64c6 with a crisp white or a soft cream background to ensure readability, as this indigo is quite dark. For a complementary scheme, use a warm, muted gold or mustard yellow to create visual tension and balance the cool tones.
Is #6a64c6 appropriate for long-form text?
Avoid using #6a64c6 for long-form text because its high saturation and medium lightness can cause eye strain when read in large blocks. It is much better suited for high-impact UI elements like call-to-action buttons or navigation headers.
Is #6a64c6 readable on white or black?
#6a64c6 has a 4.93:1 contrast ratio on white and 4.25: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.