#5C42BC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity violet carries significant weight and energy. Because it is quite dark, use the hex code #5c42bc as a punchy accent or secondary color rather than a large background. It pairs exceptionally well with cool, minty greens to create a sharp, modern contrast. White text remains perfectly legible against this shade, making it a reliable choice for call-to-action buttons or small UI elements.
Questions about #5c42bc
What is #5c42bc in RGB, HSL and CMYK?
In RGB, #5c42bc is rgb(92, 66, 188), in HSL hsl(253, 48%, 50%) and in CMYK 51%, 65%, 0%, 26%.
How should I use #5c42bc in UI design?
#5c42bc works best as a focused accent color rather than a primary background because of its heavy, saturated intensity. It creates excellent readability for call-to-action buttons when paired with clean white text, ensuring your most important interface elements stand out clearly.
What colors pair well with #5c42bc?
Is #5c42bc readable on white or black?
#5c42bc has a 7.09: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.