#5F0074 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated violet carries a sense of gravity and mystery. Because it is so dark, #5f0074 works best as a moody backdrop or a strong brand accent rather than for large blocks of text. It creates high contrast with white, providing excellent legibility for UI elements. Pair this hex code with muted golds to lean into its royal, serious character.
Questions about #5f0074
What is #5f0074 in RGB, HSL and CMYK?
In RGB, #5f0074 is rgb(95, 0, 116), in HSL hsl(289, 100%, 23%) and in CMYK 18%, 100%, 0%, 55%.
How can I effectively use #5f0074 in UI design?
#5f0074 is extremely dark, so use it as a brand accent or primary background rather than for body text. It creates excellent accessibility contrast against white text but can strain the eyes if used for small, dense content blocks.
What colors complement #5f0074 for a balanced palette?
To brighten this deep violet, pair it with soft metallics like muted gold or warm cream. Using mustard or lighter violet tones helps lift the heaviness of #5f0074 while maintaining its sophisticated, authoritative character.
Is #5f0074 readable on white or black?
#5f0074 has a 12.07:1 contrast ratio on white and 1.73: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.