#5C2DB5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet carries a cool, moody intensity that works well for dark UI themes. It is a bold, deep shade that can overwhelm if used as a primary background, so use it as a 10% accent color instead. Pair it with soft cream text rather than stark white to avoid harsh vibration. The hex code for this purple is #5c2db5.
Questions about #5c2db5
What is #5c2db5 in RGB, HSL and CMYK?
In RGB, #5c2db5 is rgb(92, 45, 181), in HSL hsl(261, 60%, 44%) and in CMYK 49%, 75%, 0%, 29%.
What colors pair well with #5c2db5 in a design?
Because #5c2db5 is a high-intensity violet, it creates the most balanced look when paired with soft creams or warm off-whites. For an active contrast, use a desaturated gold or a soft sage to keep the purple from feeling visually overwhelming.
How should I use #5c2db5 in a UI layout?
Limit #5c2db5 to a 10% accent rather than a primary background color to avoid harsh vibration effects. It performs best as a call-to-action button or a small data highlight against a dark, near-black or very light cream interface.
Is #5c2db5 readable on white or black?
#5c2db5 has a 8.40:1 contrast ratio on white and 2.49: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.