#3D3A23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, earthy olive is heavily muted and creates a moody, serious atmosphere. Because it is so unsaturated, #3d3a23 functions best as a grounding neutral or background element rather than a focal point. Pair it with soft cream or crisp white to balance the weight of this hex code. It offers excellent readability for white text, making it a functional choice for dark mode UI designs.
Questions about #3d3a23
What is #3d3a23 in RGB, HSL and CMYK?
In RGB, #3d3a23 is rgb(61, 58, 35), in HSL hsl(53, 27%, 19%) and in CMYK 0%, 5%, 43%, 76%.
Why does #3d3a23 work well for UI design?
#3d3a23 provides excellent readability for light-colored text, making it a functional choice for dark mode interfaces. Because the tone is heavily muted and unsaturated, it feels grounded and less jarring than pure black backgrounds when used across screens.
What colors pair best with #3d3a23?
This earthy olive pairs beautifully with soft cream or warm white to balance its heavy, moody weight. For a more sophisticated look, use it alongside muted terracotta or deep navy to create a natural, organic color scheme.
Is #3d3a23 readable on white or black?
#3d3a23 has a 11.48:1 contrast ratio on white and 1.82: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.