#5F0BCB Hex Color

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

Hex color #5f0bcb graphic
This deep violet, identified by hex code #5f0bcb, carries a heavy, serious mood. It lacks the lightness for large-scale backgrounds, but serves as a powerful 10% accent color. Pair it with pale, warm neutrals to balance its cold intensity. It offers an 8.8:1 contrast ratio against white text, making it a reliable choice for legible, high-contrast interface elements.

Questions about #5f0bcb

What is #5f0bcb in RGB, HSL and CMYK?
In RGB, #5f0bcb is rgb(95, 11, 203), in HSL hsl(266, 90%, 42%) and in CMYK 53%, 95%, 0%, 20%.
How should I use #5f0bcb in interface design?
#5f0bcb is highly saturated and intense, making it ideal as a 10% accent for calls-to-action or navigational icons rather than large background areas. It provides an excellent 8.8:1 contrast ratio against white text, ensuring your critical elements remain accessible.
Which colors pair well with #5f0bcb?
To balance the cool, heavy intensity of #5f0bcb, pair it with pale, warm neutrals or soft creams. For a more sophisticated palette, consider incorporating gold or cream tones, which provide the necessary brightness to keep the violet from appearing too dark or muddy.
Is #5f0bcb readable on white or black?
#5f0bcb has a 8.76:1 contrast ratio on white and 2.39: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.