#3F3F84 Hex Color

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

Hex color #3f3f84 graphic
This muted, dusty indigo reads as a serious and grounded tone. Because it is quite dark and cool, #3f3f84 serves best as a professional base or a moody secondary element. It offers excellent contrast for white text, which makes it a strong choice for UI backgrounds. Pair this hex code with soft ochre or muted gold to cut the gloom and add warmth to your palette.

Questions about #3f3f84

What is #3f3f84 in RGB, HSL and CMYK?
In RGB, #3f3f84 is rgb(63, 63, 132), in HSL hsl(240, 35%, 38%) and in CMYK 52%, 52%, 0%, 48%. Browse more shades of purple with names and hex codes.
Which colors pair well with #3f3f84?
This hex color pairs exceptionally well with warm earthy tones like ochre or gold, which provide necessary warmth to balance its inherent coolness. Using these warm accents prevents the indigo from appearing too flat or gloomy in professional UI designs.
Is #3f3f84 suitable for website backgrounds?
Yes, #3f3f84 functions as a strong professional base for user interfaces because its dark, muted nature offers excellent contrast for white text. It provides a serious and grounded alternative to standard navy while remaining highly readable and accessible for visitors.
Is #3f3f84 readable on white or black?
#3f3f84 has a 9.31:1 contrast ratio on white and 2.25: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.