#4F3087 Hex Color

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

Hex color #4f3087 graphic
#4f3087 is a saturated, dark violet that feels serious and mysterious. Its coolness makes it an excellent choice for dark mode UI backgrounds where you need high contrast without the harshness of black. Use it sparingly as a 10% accent to draw attention, as it can overwhelm larger, open spaces. White text reads perfectly against this base, ensuring your typography stays readable.

Questions about #4f3087

What is #4f3087 in RGB, HSL and CMYK?
In RGB, #4f3087 is rgb(79, 48, 135), in HSL hsl(261, 48%, 36%) and in CMYK 41%, 64%, 0%, 47%.
What colors pair well with #4f3087 for web design?
This deep violet works best alongside neutral off-whites or soft creams to keep typography legible. If you need a secondary accent, try pairing it with gold or mint to cut through the heavy, dark base without creating visual vibration.
Is #4f3087 suitable for text on a white background?
Using #4f3087 as text on pure white passes WCAG accessibility standards for large text, but it may fail contrast ratios for standard body copy. It is much better suited as a background color with white text overlaid for maximum readability.
Is #4f3087 readable on white or black?
#4f3087 has a 9.97:1 contrast ratio on white and 2.10: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.