#314026 Hex Color
A moody, deep olive with earthy roots
This dark, desaturated olive relies on earthy, muted tones rather than bright green pigment. It functions best as a moody background for outdoor branding or minimalist interfaces. Because the color sits so low in value, ensure your text is white to maintain strong legibility. The hex code for this shade is #314026. Use it sparingly, as this heavy, matte tone can feel claustrophobic if overused in tight layouts.
Questions about #314026
What is #314026 in RGB, HSL and CMYK?
In RGB, #314026 is rgb(49, 64, 38), in HSL hsl(95, 25%, 20%) and in CMYK 23%, 0%, 41%, 75%.
What works best with #314026 for UI design?
Use #314026 as a sophisticated, moody background while relying on high-contrast white or soft cream typography to maintain accessibility. It pairs beautifully with terracotta accents or warm neutrals to soften its heavy, earthy presence without clashing.
Is #314026 suitable for small text elements?
Because #314026 is extremely dark, using it for small text is not recommended, as it will likely fade into the background. Save this hex color for large shapes, full-screen sections, or branding elements where bold, quiet saturation provides visual weight.
Is #314026 readable on white or black?
#314026 has a 11.09:1 contrast ratio on white and 1.89: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.