#5A8E5A Hex Color

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

Hex color #5a8e5a graphic
This muted, dusty green sits low on the saturation scale, offering a grounded and stable presence. Because it is highly readable against black text, the hex code #5a8e5a works well as a subtle background for editorial layouts or organic brand identities. Use it to temper brighter colors, as it can appear muddy when paired with certain earth tones or warm grays.

Questions about #5a8e5a

What is #5a8e5a in RGB, HSL and CMYK?
In RGB, #5a8e5a is rgb(90, 142, 90), in HSL hsl(120, 22%, 45%) and in CMYK 37%, 0%, 37%, 44%.
Does #5a8e5a work well for interface design?
#5a8e5a is an excellent choice for background elements or subtle UI accents because it maintains high readability against black or dark gray text. Its low saturation keeps interfaces feeling calm and professional rather than overwhelming or cluttered.
What colors pair well with #5a8e5a?
This color pairs beautifully with charcoal for high-contrast, professional layouts or soft cream tones for a warmer, organic aesthetic. Avoid pairing it with intense neon shades, as these can easily clash with its muted, earthy undertones.
Is #5a8e5a readable on white or black?
#5a8e5a has a 3.85:1 contrast ratio on white and 5.45: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.