#9EA2A8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted mid-tone gray serves as a reliable neutral that anchors busy interfaces. Because it sits comfortably between light and dark, #9ea2a8 works best as a background color or for secondary UI elements. It maintains strong contrast against black text, meeting accessibility standards for small body copy. Avoid pairing it with high-saturation neons, as this washed-out gray can easily look muddy next to aggressive colors.
Questions about #9ea2a8
What is #9ea2a8 in RGB, HSL and CMYK?
In RGB, #9ea2a8 is rgb(158, 162, 168), in HSL hsl(216, 5%, 64%) and in CMYK 6%, 4%, 0%, 34%. Browse more shades of gray with names and hex codes.
How does #9ea2a8 perform in interface design?
#9ea2a8 functions as a stable mid-tone neutral that bridges the gap between light and dark elements. Its balanced saturation ensures that black text remains highly readable, making it a dependable choice for secondary UI backgrounds and subtle structural components.
Does #9ea2a8 pair well with vibrant colors?
#9ea2a8 typically clashes with high-saturation neon colors because the contrast gap makes the gray appear muddy or washed out. For the best visual results, pair this neutral with muted, organic tones or structured charcoal to keep your design composition clean.
Is #9ea2a8 readable on white or black?
#9ea2a8 has a 2.56:1 contrast ratio on white and 8.18: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.