#6C3AA2 Hex Color

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

Hex color #6c3aa2 graphic
This bold, saturated violet commands attention without feeling aggressive. Because #6c3aa2 holds significant weight, it works best as a punchy accent rather than a full background. Pair it with soft cream or light gray to keep layouts balanced. With a high contrast ratio against white text, the hex code #6c3aa2 is a strong choice for clickable UI elements that need to pop against dark mode interfaces.

Questions about #6c3aa2

What is #6c3aa2 in RGB, HSL and CMYK?
In RGB, #6c3aa2 is rgb(108, 58, 162), in HSL hsl(269, 47%, 43%) and in CMYK 33%, 64%, 0%, 36%.
What colors pair well with the #6c3aa2 violet?
The #6c3aa2 hex color balances best against soft neutrals like cream or light gray to prevent the saturation from overwhelming your design. For a more adventurous look, it creates a striking, high-contrast effect when placed alongside mustard yellow or soft teal accents.
Is #6c3aa2 a warm or cool purple?
The #6c3aa2 violet leans toward the cool side of the spectrum due to its strong blue undertones. This cool temperature makes it a reliable choice for professional UI components that need to remain readable and grounded without feeling too playful or chaotic.
Is #6c3aa2 readable on white or black?
#6c3aa2 has a 7.59:1 contrast ratio on white and 2.76: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 is too faint for text. Try other pairs in the contrast checker.