#949480 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted olive sits in a difficult middle ground between yellow and grey. The hex code for this shade is #949480. While it can feel somewhat muddy in large backgrounds, it provides excellent contrast for black text in UI layouts. Pair it with deep charcoal or burnt orange to avoid a washed-out look. It serves best as a sophisticated, earthy accent rather than a primary color.
Questions about #949480
What is #949480 in RGB, HSL and CMYK?
In RGB, #949480 is rgb(148, 148, 128), in HSL hsl(60, 9%, 54%) and in CMYK 0%, 0%, 14%, 42%. Browse more shades of gray with names and hex codes.
How can I use #949480 effectively in user interfaces?
#949480 functions best as a secondary or accent shade rather than a primary background color. It provides strong readability for charcoal text while maintaining a grounded, professional aesthetic that feels less aggressive than pure black or vibrant green.
Which color combinations balance the muted tone of #949480?
Pair #949480 with burnt orange or charcoal to prevent the color from appearing muddy or flat. These high-contrast pairings add necessary warmth and depth, transforming the dusty olive from a dull background element into a sophisticated design focal point.
Is #949480 readable on white or black?
#949480 has a 3.08:1 contrast ratio on white and 6.80:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.