#373A46 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This matte, inky tone balances muted indigo with a heavy grey base. The hex code #373a46 functions well as a dark, moody background for modern interfaces. Its high contrast against white text makes it a legible choice for body copy or large headers. Use this shade to establish authority or seriousness in branding, though keep it away from vibrant colors that might wash out its dusty character.
Questions about #373a46
What is #373a46 in RGB, HSL and CMYK?
In RGB, #373a46 is rgb(55, 58, 70), in HSL hsl(228, 12%, 25%) and in CMYK 21%, 17%, 0%, 73%. Browse more shades of gray with names and hex codes.
What colors pair well with #373a46 in a design system?
#373a46 acts as a sophisticated base that works best with crisp, warm whites or muted, chalky off-whites for high readability. To add visual interest without overpowering its moody character, consider subtle accents like a pale sage or a soft, dusty terracotta.
Is #373a46 suitable for body text on websites?
Yes, #373a46 works excellently for body text if placed on a very light, neutral background. Its deep, ink-like quality ensures a sharp, legible reading experience while offering a softer, more modern alternative to standard pitch-black text.
Is #373a46 readable on white or black?
#373a46 has a 11.31:1 contrast ratio on white and 1.85: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.