#3F0C98 Hex Color

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

Hex color #3f0c98 graphic
This deep, intense violet provides a serious and moody foundation for dark-themed user interfaces. With a high contrast ratio of 12.2:1 against white, text remains perfectly legible for readers. The hex code #3f0c98 works best as a primary background color, anchoring luxury designs or mysterious brand palettes. Pair it with soft, warm metallics to prevent the color from feeling too cold or dull.

Questions about #3f0c98

What is #3f0c98 in RGB, HSL and CMYK?
In RGB, #3f0c98 is rgb(63, 12, 152), in HSL hsl(262, 85%, 32%) and in CMYK 59%, 92%, 0%, 40%.
Does #3f0c98 work well for body text?
While #3f0c98 is excellent for headings or background elements in dark mode, it lacks sufficient contrast against standard white backgrounds to be used for long-form body text. Reserve this deep violet for branding accents, buttons, or large-scale layout sections.
What colors pair best with #3f0c98?
This deep violet thrives when paired with soft, warm metallics like champagne or gold to balance its cool, intense undertones. For a more modern, neutral contrast, you can also use light gray to keep the design professional and grounded.
Is #3f0c98 readable on white or black?
#3f0c98 has a 12.22:1 contrast ratio on white and 1.71: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.