#312F95 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark indigo possesses a cool, muted saturation that leans toward authoritative navy. Because it lacks brightness, #312f95 works best as a primary background or a heavy anchor in dark mode designs. Pair it with soft cream or crisp white text, as white offers excellent readability against this shade. The hex code for this color is #312f95.
Questions about #312f95
What is #312f95 in RGB, HSL and CMYK?
In RGB, #312f95 is rgb(49, 47, 149), in HSL hsl(241, 52%, 38%) and in CMYK 67%, 68%, 0%, 42%.
Does #312f95 work well for interface backgrounds?
#312f95 functions best as a deep, authoritative background or accent color in dark mode designs. Its low brightness keeps interfaces feeling stable and professional, especially when paired with cream or pure white text to maintain high readability across your application.
Which color combinations complement the depth of #312f95?
Is #312f95 readable on white or black?
#312f95 has a 10.65:1 contrast ratio on white and 1.97: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.