#311574 Hex Color

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

Hex color #311574 graphic
This deep, saturated violet carries a sense of serious mystery and cool authority. Because it is so dark, #311574 serves best as a moody base for UI backgrounds or gaming interfaces rather than fine detail work. It provides excellent contrast for white text, which pops clearly against its somber weight. Use this hex code to anchor complex designs that require a structured, sophisticated presence.

Questions about #311574

What is #311574 in RGB, HSL and CMYK?
In RGB, #311574 is rgb(49, 21, 116), in HSL hsl(258, 69%, 27%) and in CMYK 58%, 82%, 0%, 55%.
Is #311574 suitable for text-heavy interfaces?
Using #311574 as a background is excellent for accessibility when paired with high-contrast white or soft cream text. However, avoid using this deep shade for large blocks of paragraph text, as the low light reflectance can cause eye strain over time.
What color schemes work best with #311574?
Complementary schemes using a warm gold or amber create a striking, regal contrast against this dark violet. For a more subtle, harmonious look, pair it with analogous shades of deep indigo or cool berry tones to maintain its sophisticated, moody atmosphere.
Is #311574 readable on white or black?
#311574 has a 14.09:1 contrast ratio on white and 1.49: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.