#6C36C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid violet packs high saturation, creating an electric energy that grabs attention. It functions best as an accent color for calls to action or UI highlights rather than a full background. White text ensures optimal readability with its 7.1:1 contrast. Designers often pair this hex code #6c36c4 with muted grays or similar purple shades to balance its bold personality.
Questions about #6c36c4
What is #6c36c4 in RGB, HSL and CMYK?
In RGB, #6c36c4 is rgb(108, 54, 196), in HSL hsl(263, 57%, 49%) and in CMYK 45%, 72%, 0%, 23%.
What design elements work best with #6c36c4?
This color functions best as an accent rather than a primary background because of its high-energy, electric intensity. Use #6c36c4 for call-to-action buttons, active icon states, or small UI highlights to draw immediate attention without overwhelming the viewer's visual focus.
Which colors balance the intensity of #6c36c4?
To ground the boldness of #6c36c4, pair it with muted charcoal or soft neutral grays. These colors provide a sophisticated backdrop that lets the purple pop without competing, while similar purple shades can be used for monochromatic gradients.
Is #6c36c4 readable on white or black?
#6c36c4 has a 7.08:1 contrast ratio on white and 2.96: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.