#312B31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, near-black violet feels heavy and grounded. Because it is so desaturated, #312b31 functions best as a moody backdrop in dark mode interfaces rather than a primary brand color. It offers excellent legibility for white body text, with a contrast ratio of 13.8:1. Pair this shade with soft creams or warm greys to avoid a muddy appearance. The hex code is #312b31.
Questions about #312b31
What is #312b31 in RGB, HSL and CMYK?
In RGB, #312b31 is rgb(49, 43, 49), in HSL hsl(300, 7%, 18%) and in CMYK 0%, 12%, 0%, 81%.
How should I use #312b31 in web design?
Use #312b31 as a dark background color to create a grounded, professional feel for modern interfaces. It pairs exceptionally well with soft creams or warm greys, offering high contrast against white typography for excellent screen legibility.
Is #312b31 a true black?
No, #312b31 is a deeply desaturated, near-black violet rather than a neutral black. Because it carries violet undertones, it feels softer and more atmospheric than a standard jet black, making it ideal for high-end, moody user interfaces.
Is #312b31 readable on white or black?
#312b31 has a 13.81:1 contrast ratio on white and 1.52: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.