#868687 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, mid-tone grey with a neutral temperature, #868687 serves as a reliable anchor for minimal design. It provides enough contrast to support black typography while remaining unobtrusive for UI backgrounds. Because this hex code sits right in the middle of the value scale, it avoids looking washed out next to lighter greys. Pair it with high-contrast accent colors to keep interfaces from feeling flat.
Questions about #868687
What is #868687 in RGB, HSL and CMYK?
In RGB, #868687 is rgb(134, 134, 135), in HSL hsl(240, 0%, 53%) and in CMYK 1%, 1%, 0%, 47%.
What colors pair well with #868687 for UI design?
#868687 works best when balanced against high-contrast accents to prevent the design from appearing flat. Pair it with bold navy or vibrant terracotta to inject energy, as these deep tones provide the necessary visual weight to ground the neutral grey backdrop.
Does #868687 read as warm or cool?
This shade acts as a true neutral, meaning it lacks strong warm or cool undertones that would skew its appearance. Because it sits directly in the middle of the value scale, it provides a stable, consistent foundation for both warm and cool palettes.
Is #868687 readable on white or black?
#868687 has a 3.63:1 contrast ratio on white and 5.77: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.