#5C23C5 Hex Color

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

Hex color #5c23c5 graphic
This deep, saturated violet carries a sense of mystery and serious intent. Because it is quite dark, the hex code #5c23c5 offers excellent readability when paired with white text for UI buttons or labels. It works best as an accent color to ground your design, rather than a full background, where it can easily overwhelm more subtle hues. Use it sparingly to inject personality into your palette.

Questions about #5c23c5

What is #5c23c5 in RGB, HSL and CMYK?
In RGB, #5c23c5 is rgb(92, 35, 197), in HSL hsl(261, 70%, 45%) and in CMYK 53%, 82%, 0%, 23%.
How should I use #5c23c5 in a user interface?
#5c23c5 works best as an accent color for buttons or primary calls to action because its high saturation and dark value demand attention. Avoid using it for large backgrounds, as the intense pigment can quickly become overwhelming for users.
What colors pair well with #5c23c5 for a balanced palette?
Pair #5c23c5 with neutral shades like off-white or light-gray to maintain readability and balance. If you need a secondary accent, opt for a muted gold or a soft mint to contrast against the heavy violet undertones.
Is #5c23c5 readable on white or black?
#5c23c5 has a 8.39:1 contrast ratio on white and 2.50: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.