Grey Heather
A sophisticated indigo with dusty grey undertones
Grey Heather is a muted, desaturated indigo with heavy dusty grey undertones. Because it sits at a mid-tone lightness, it provides excellent contrast for black typography, meeting WCAG AA standards for body text. Use #868790 as a sophisticated, grounded alternative to traditional grey backgrounds in UI projects. It pairs well with warm metallic accents or deep charcoal for a clean, modern aesthetic.
Questions about Grey Heather
What is the hex code for Grey Heather?
Grey Heather is #868790. In RGB that is rgb(134, 135, 144), in HSL hsl(234, 4%, 55%) and in CMYK 7%, 6%, 0%, 44%. Browse more shades of gray with names and hex codes.
Which colors pair best with #868790 in a UI layout?
This muted indigo works beautifully alongside charcoal for text or against warm metallic accents. Its desaturated nature allows it to serve as a neutral anchor, letting stronger, brighter accent colors stand out without causing visual fatigue.
Is Grey Heather readable on white or black?
Grey Heather has a 3.57:1 contrast ratio on white and 5.88: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.