#86AD86 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted sage green possesses a dusty, unsaturated quality that feels grounded. Because it is low in intensity, #86ad86 performs well as a primary background color rather than a sharp accent. Black text remains highly legible against this surface, exceeding standard accessibility requirements. Designers often choose this hex code for organic, eco-focused branding and UI interfaces that require a soft, stable foundation.
Questions about #86ad86
What is #86ad86 in RGB, HSL and CMYK?
In RGB, #86ad86 is rgb(134, 173, 134), in HSL hsl(120, 19%, 60%) and in CMYK 23%, 0%, 23%, 32%. Browse more shades of green with names and hex codes.
What colors pair well with #86ad86 for a balanced interface?
#86ad86 works best when paired with charcoal or deep, dark espresso tones to maintain high legibility and contrast. For a softer, monochromatic look, combine it with lighter off-whites or slightly darker, desaturated olive shades to create a serene, organic environment.
Is #86ad86 a good choice for text-heavy UI backgrounds?
Yes, #86ad86 is an excellent choice for background surfaces because its low intensity prevents visual fatigue during long reading sessions. When using it as a backdrop, ensure your foreground typography is a high-contrast dark neutral to meet accessibility standards and keep content readable.
Is #86ad86 readable on white or black?
#86ad86 has a 2.51:1 contrast ratio on white and 8.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.