#48523A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated olive brings a serious and grounded mood to design layouts. Because it is quite muted, #48523a works best as a supporting tone or background rather than a primary focus. Pair it with crisp white text to maintain high readability. This hex code provides a natural, organic feel that excels in tactical or outdoor branding where understatement is preferred over bold, bright saturation.
Questions about #48523a
What is #48523a in RGB, HSL and CMYK?
In RGB, #48523a is rgb(72, 82, 58), in HSL hsl(85, 17%, 27%) and in CMYK 12%, 0%, 29%, 68%.
What colors pair well with the dark olive #48523a?
Is #48523a a good choice for text on a white background?
This color is quite dark, so it typically offers excellent contrast against pure white backgrounds for readability. However, always test the specific font weight, as thinner typefaces may struggle against #48523a compared to bold headers or UI elements that use this deeper olive tone.
Is #48523a readable on white or black?
#48523a has a 8.25:1 contrast ratio on white and 2.54: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.