#312D54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #312d54 is a cool violet with gray undertones and very low saturation. Its matte, shadowed character suits serious branding, spiritual themes, gaming interfaces, and moody backgrounds. Use the hex code as a dominant dark base with pale lavender or dusty rose accents. White text achieves about 12.9:1 contrast, supporting readable body copy.
Questions about #312d54
What is #312d54 in RGB, HSL and CMYK?
In RGB, #312d54 is rgb(49, 45, 84), in HSL hsl(246, 30%, 25%) and in CMYK 42%, 46%, 0%, 67%. Browse more shades of purple with names and hex codes.
What colors pair well with #312d54?
#312d54 pairs well with pale lavender, dusty rose, and soft neutrals, which brighten its shadowed violet base without competing with its muted character across dark interfaces and editorial-style brand layouts. Use lighter accents for hierarchy and reserve stronger warm tones for small highlights.
Where does #312d54 work best in a design?
#312d54 works best as a dominant dark base for serious branding, spiritual themes, gaming interfaces, and moody layouts, where its cool, low-saturation violet adds depth without bright visual noise or distraction. Pair it with pale accents to establish clear visual hierarchy.
Is #312d54 readable on white or black?
#312d54 has a 12.85:1 contrast ratio on white and 1.63: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.