#485724 Hex Color

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

Hex color #485724 graphic
This desaturated, earthy olive feels serious and grounded. Because #485724 has a darker, muted quality, it performs best as a dominant base or background in nature-inspired palettes rather than an accent. It provides high legibility for white text, so it works well for UI elements needing high contrast. Pair it with soft cream or muted ochre to prevent the color from appearing too muddy.

Questions about #485724

What is #485724 in RGB, HSL and CMYK?
In RGB, #485724 is rgb(72, 87, 36), in HSL hsl(78, 41%, 24%) and in CMYK 17%, 0%, 59%, 66%.
How do I keep #485724 from looking muddy?
Pair #485724 with crisp neutrals like soft cream or warm ochre to create a clean, intentional balance. These lighter, warmer tones prevent the depth of this earthy olive from feeling heavy or uninspired when used in larger layout areas.
Is #485724 suitable for text?
Because #485724 is a dark, desaturated tone, it provides excellent legibility for white text. Use it confidently as a base for UI elements or background blocks where you need high contrast without the harshness of a standard black or dark grey.
Is #485724 readable on white or black?
#485724 has a 7.88:1 contrast ratio on white and 2.66: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.