#5C2DAF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, cool violet carries a moody weight that functions well for striking UI backgrounds. The hex code #5c2daf offers excellent contrast against white text, making it highly readable for web layouts. Use this dark shade sparingly as a 10% accent to ground high-energy palettes, as it can feel too dense if used for large areas. It pairs surprisingly well with muted mustard yellows for a balanced look.
Questions about #5c2daf
What is #5c2daf in RGB, HSL and CMYK?
In RGB, #5c2daf is rgb(92, 45, 175), in HSL hsl(262, 59%, 43%) and in CMYK 47%, 74%, 0%, 31%.
What colors pair well with #5c2daf for a balanced design?
This deep violet balances beautifully against muted mustard yellows, which create a sophisticated complementary contrast. It also anchors well when paired with cream or light gray neutrals, allowing the intensity of the violet to stand out without overwhelming the layout.
How should I use #5c2daf in a user interface?
Use #5c2daf sparingly as a 10% accent color to ground high-energy palettes, as it can feel visually heavy in large blocks. It works best for call-to-action buttons or subtle UI elements, especially when layered against white text to maximize readability.
Is #5c2daf readable on white or black?
#5c2daf has a 8.57:1 contrast ratio on white and 2.44: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.