#5C0D99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet is dark, saturated, and highly pigmented. Because it leans cool and moody, #5c0d99 works best as a strong accent rather than a primary background color. It provides excellent contrast for white text, which makes it effective for distinct headings or UI elements. Pair this hex code with muted grays or bright lime accents to sharpen its impact in modern, sophisticated interfaces.
Questions about #5c0d99
What is #5c0d99 in RGB, HSL and CMYK?
In RGB, #5c0d99 is rgb(92, 13, 153), in HSL hsl(274, 84%, 33%) and in CMYK 40%, 92%, 0%, 40%.
How can I effectively use #5c0d99 in UI design?
#5c0d99 functions best as a high-impact accent color rather than a primary background because of its intense saturation. It provides excellent readability when paired with clean white text, making it a strong choice for distinct headings, call-to-action buttons, or navigation highlights.
What colors pair well with the deep violet #5c0d99?
To sharpen its impact, balance #5c0d99 with muted, neutral tones like charcoal or soft silver-gray to create a professional contrast. For a more vibrant, modern interface, pairing this violet with bright, acidic lime accents creates an energetic, high-contrast look that feels distinctly contemporary.
Is #5c0d99 readable on white or black?
#5c0d99 has a 10.64:1 contrast ratio on white and 1.97: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.