#313A11 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #313a11 graphic
#313a11 is a dark, desaturated olive with strong yellow undertones. This earthy, moody shade works well as a background for high-contrast, text-heavy designs. Because white text provides excellent readability against this hex code, it is ideal for dark mode layouts. Be careful with large blocks of color, as this shade can feel muddy without brighter, lighter accents to lift the palette.

Questions about #313a11

What is #313a11 in RGB, HSL and CMYK?
In RGB, #313a11 is rgb(49, 58, 17), in HSL hsl(73, 55%, 15%) and in CMYK 16%, 0%, 71%, 77%.
What colors pair well with #313a11 for a balanced palette?
#313a11 works best when paired with high-contrast, lighter accents that prevent the space from feeling too muddy. Try combining it with a crisp ivory or a soft cream for text, or add a pop of mustard to highlight the yellow undertones effectively.
Is #313a11 a good choice for text-heavy interface designs?
This shade is an excellent choice for dark mode backgrounds because it offers a sophisticated, earthy alternative to flat black. When using #313a11, ensure your foreground text is a high-contrast white or light neutral to maintain necessary readability standards for users.
Is #313a11 readable on white or black?
#313a11 has a 12.04:1 contrast ratio on white and 1.74: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.