#5C3CD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo commands attention with its intense, electric energy. It works best as a bold accent rather than a dominant background color because it is visually loud. Pair it with soft, muted neutrals to ground the design. White text stands out clearly against #5c3cd1, making it a reliable choice for buttons or calls to action. The hex code for this shade is #5c3cd1.
Questions about #5c3cd1
What is #5c3cd1 in RGB, HSL and CMYK?
In RGB, #5c3cd1 is rgb(92, 60, 209), in HSL hsl(253, 62%, 53%) and in CMYK 56%, 71%, 0%, 18%.
How should I use #5c3cd1 in interface design?
Use #5c3cd1 sparingly as an energetic accent color for call-to-action buttons or highlights. Because it is visually loud, it performs best against neutral backgrounds like light gray or white to maintain readability and avoid overwhelming the user.
Does #5c3cd1 pair well with warm or cool tones?
This color leans toward the cool side of the spectrum, so it pairs effectively with soft, desaturated neutrals to ground its intensity. For a balanced look, try pairing it with charcoal or slate tones, which allow the electric indigo energy to pop without clashing.
Is #5c3cd1 readable on white or black?
#5c3cd1 has a 6.94:1 contrast ratio on white and 3.02: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.