Medium Gray
Meet Medium Gray, #939799. This specific shade strikes a unique balance between light and dark, providing a stable, grounding presence. Its quiet confidence allows it to support vibrant palettes or stand on its own, defining form with subtle strength and clarity.
What color is Medium Gray?
Medium Gray is a balanced, mid-tone neutral, neither overtly dark nor light.
It possesses a subtle cool temperature, with a faint blue undertone that distinguishes it from a pure, flat gray.
What is the meaning behind the color Medium Gray (#939799)?
Medium Gray is the color of balance and neutrality. It sits between the extremes of black and white, representing composure, stability, and a certain quiet authority.
For designers, this shade often signifies professionalism and timelessness. It suggests strength and dependability without the starkness of pure black, making it a foundation for sophisticated work.
How can I use Medium Gray in my UI design?
Medium Gray (#939799) is a versatile neutral that excels in creating subtle visual hierarchy. Use it for secondary text, interface backgrounds, or inactive UI elements to soften the contrast against pure black or white. It pairs effectively with both vibrant accent colors, which it helps to ground, and other muted tones for a refined, minimalist aesthetic.
While not as prevalent in branding as primary colors, shades similar to Medium Gray are used by companies like Typefully to achieve a clean, focused look. Its relative rarity offers a chance for a product's design to appear more distinct and considered.
Explore curated palettes, check the accessibility of your color pairings, and see how Medium Gray looks in real-world components from leading apps with the tools below.
Using Medium Gray color codes
The hex code #939799 for Medium Gray serves as a solid foundation. Designers often use this base value to programmatically generate lighter or darker shades, creating a cohesive monochromatic palette without manual guesswork.
While #939799 is the go-to for web development, your projects will likely require other formats. RGB (Red, Green, Blue) values define color for digital screens through additive light, whereas CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust color properties.
To help you maintain color consistency across all your projects, we've converted Medium Gray's #939799 hex code into its corresponding RGB, CMYK, HSL, and other values. You can find and copy them right below.
Analogous
Analogous colors are found next to Medium Gray on the color wheel. This combination creates a harmonious and serene visual effect, ideal for calm designs.
Complementary
A complementary color sits directly opposite on the color wheel. Paired with a neutral foundation like Medium Gray, it creates maximum visual contrast and pop.
Split Complementary
A split complementary scheme for Medium Gray provides strong visual contrast with less tension by using the two colors next to its complement.
Triadic
Triadic schemes create a vibrant harmony by selecting two other colors equidistant from Medium Gray on the color wheel, offering strong, balanced contrast.
Tetradic
A tetradic color scheme for Medium Gray uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square scheme selects four colors equidistant on the color wheel. Starting with Medium Gray, this method produces a balanced and highly contrasting palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Medium Gray creates darker shades, giving your design depth and weight.
Tints
Tints are lighter versions of Medium Gray, created by adding white for a softer look.
Tones
Tones are created by adding gray to Medium Gray, which softens the color's saturation.
Hues
Hues are variations of Medium Gray that alter its intensity or temperature for different effects.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
