#484A2C Hex Color

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

Hex color #484a2c graphic
This murky, desaturated olive relies on its dusty yellow undertones to create a somber, serious atmosphere. Because #484a2c is so dark and muted, it works best as an earthy anchor in a 10% accent role rather than a dominant background. Pair it with crisp white or cream to avoid a muddy appearance, as it provides excellent readability for high-contrast, moody UI designs.

Questions about #484a2c

What is #484a2c in RGB, HSL and CMYK?
In RGB, #484a2c is rgb(72, 74, 44), in HSL hsl(64, 25%, 23%) and in CMYK 3%, 0%, 41%, 71%. Browse more shades of green with names and hex codes.
What colors pair well with #484a2c?
Because #484a2c is a dark, desaturated olive, it relies on high contrast to stay readable. Pair it with crisp cream or ivory to prevent the design from feeling muddy, or use it alongside deep charcoal for a serious, grounded aesthetic.
Is #484a2c suitable for text in UI design?
Due to its dark and muted nature, #484a2c functions best as an earthy accent or background color rather than a primary text color. If you use it as a background, ensure your foreground text is a high-contrast white to maintain accessibility.
Is #484a2c readable on white or black?
#484a2c has a 9.16:1 contrast ratio on white and 2.29: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.