#313378 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted indigo is a dense, serious shade with strong purple undertones. It functions best as a dominant base for corporate branding or dark mode interfaces where a black background feels too harsh. Because white text provides high contrast against this hex code #313378, it remains perfectly readable for body copy. Pair it with soft cream or warm metallics to ground its cold, authoritative character.
Questions about #313378
What is #313378 in RGB, HSL and CMYK?
In RGB, #313378 is rgb(49, 51, 120), in HSL hsl(238, 42%, 33%) and in CMYK 59%, 58%, 0%, 53%. Browse more shades of purple with names and hex codes.
When should I use #313378 in a user interface?
#313378 works best as a primary background or brand color for professional platforms needing a softer, more modern alternative to harsh black. It maintains high readability for white text, making it a reliable choice for corporate web design and dark mode applications.
Which colors pair well with #313378 for a balanced palette?
Ground this cool, authoritative indigo with cream or soft metallic accents to add warmth without losing your professional edge. Using high-contrast off-whites or pale grays prevents the interface from feeling too dark while maintaining a sophisticated, intentional aesthetic for your branding.
Is #313378 readable on white or black?
#313378 has a 11.19:1 contrast ratio on white and 1.87: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.