#5F34C0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5f34c0 graphic
This intense, saturated violet commands attention. Because it sits on the darker side of the spectrum, #5f34c0 works best as a punchy accent color or for high-impact calls to action. White text provides excellent readability against this base with a 7.7:1 contrast ratio. While it can overwhelm a design if used as a main background, it excels in moody, modern digital interfaces. The hex code is #5f34c0.

Questions about #5f34c0

What is #5f34c0 in RGB, HSL and CMYK?
In RGB, #5f34c0 is rgb(95, 52, 192), in HSL hsl(258, 57%, 48%) and in CMYK 51%, 73%, 0%, 25%.
How should I use #5f34c0 in my design projects?
#5f34c0 functions best as a high-contrast accent color rather than a background shade. Because it is highly saturated, it draws the eye immediately to buttons or call-to-action elements when paired with simple, neutral UI components like slate or clean white text.
What colors pair well with #5f34c0?
This deep violet balances beautifully with complementary yellow tones or soft, neutral grays. For a modern, high-end look, use #5f34c0 alongside a charcoal or a very light silver to create a clean, sophisticated interface that keeps the focus on your primary content.
Is #5f34c0 readable on white or black?
#5f34c0 has a 7.66:1 contrast ratio on white and 2.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.