#31303B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted purple with ashy gray undertones, #31303b feels serious, shadowed, and reflective rather than vivid. The hex code #31303b works well as a dominant UI background, especially in dark mode, where white text reaches about 13:1 contrast. Pair it with dusty lavender or muted gold for spiritual, luxury, gaming, or moody branding.
Questions about #31303b
What is #31303b in RGB, HSL and CMYK?
In RGB, #31303b is rgb(49, 48, 59), in HSL hsl(245, 10%, 21%) and in CMYK 17%, 19%, 0%, 77%. Browse more shades of black with names and hex codes.
What colors pair well with #31303b?
#31303b pairs well with dusty lavender, muted gold, soft blush, and cool gray, adding contrast while preserving its subdued mood; lavender softens the palette, while muted gold creates a richer, more luxurious direction.
Does #31303b look warm or cool?
#31303b reads as a cool, muted purple because its blue channel is higher than its red and green channels, while its low saturation and dark value create an ashy gray appearance rather than a vivid violet.
Is #31303b readable on white or black?
#31303b has a 12.99:1 contrast ratio on white and 1.61: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.