#9D9E9F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone grey serves as a steady, architectural base for interfaces that require restraint. Because #9d9e9f is quite neutral, it avoids unwanted shifts against other colors. It works best as a background or secondary structural element, though it can appear flat without a sharp accent. Pair it with high-contrast black text for excellent readability, as the hex code #9d9e9f provides a solid foundation for clear typography.
Questions about #9d9e9f
What is #9d9e9f in RGB, HSL and CMYK?
In RGB, #9d9e9f is rgb(157, 158, 159), in HSL hsl(210, 1%, 62%) and in CMYK 1%, 1%, 0%, 38%.
How should I use #9d9e9f in UI design?
#9d9e9f works best as a structural anchor, providing a soft background that doesn't compete with content. Because it sits in the mid-range, it relies heavily on higher contrast elements like charcoal or pure black text to ensure the layout remains legible and sharp.
Does #9d9e9f have a warm or cool undertone?
This color is remarkably neutral, lacking a strong bias toward blue or red, which makes it highly versatile. Because it stays balanced, it acts as a reliable bridge when you need to connect contrasting warm and cool elements in a design system.
Is #9d9e9f readable on white or black?
#9d9e9f has a 2.68:1 contrast ratio on white and 7.82: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.