#320E75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated violet carries a heavy and somber mood. Because #320e75 is so dark, it works best as a primary background for high-contrast, moody UI designs rather than for body text. It pairs beautifully with bright, warm accents like gold or amber to break up the gloom. The hex code is #320e75.
Questions about #320e75
What is #320e75 in RGB, HSL and CMYK?
In RGB, #320e75 is rgb(50, 14, 117), in HSL hsl(261, 79%, 26%) and in CMYK 57%, 88%, 0%, 54%.
What colors pair well with #320e75 in a design?
This deep violet works best alongside bright, warm accents like gold or amber to effectively break up its inherent gloom. Using high-contrast neutrals ensures the depth of #320e75 remains a powerful foundation without overwhelming the user interface.
Is #320e75 suitable for body text on a website?
Because #320e75 is extremely dark and saturated, it should generally be avoided for body text to maintain optimal readability. It functions much better as a primary background color, allowing lighter, high-contrast text to sit comfortably on top.
Is #320e75 readable on white or black?
#320e75 has a 14.42:1 contrast ratio on white and 1.45: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.