#313D37 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, ashy teal sits right on the edge of grey, offering a sophisticated and moody base. With its low saturation, #313d37 works best as a grounding neutral for tech or wellness branding. While it provides excellent contrast for white text, use it sparingly in tight UI layouts to avoid a muddy appearance. The hex code for this dusty green shade is #313d37.
Questions about #313d37
What is #313d37 in RGB, HSL and CMYK?
In RGB, #313d37 is rgb(49, 61, 55), in HSL hsl(150, 11%, 22%) and in CMYK 20%, 0%, 10%, 76%.
What colors pair well with #313d37?
This ashy teal balances best with clean, crisp neutrals like off-white or soft cream to keep text legible. For a more sophisticated palette, accent it with muted, earthy tones like terracotta or sage to ground the design.
Is #313d37 suitable for UI text?
While #313d37 provides strong contrast against white backgrounds, it can appear muddy in tight, high-density layouts. Use it primarily for headers, large typography, or brand accents rather than body copy to maintain readability and visual clarity.
Is #313d37 readable on white or black?
#313d37 has a 11.33: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.