A complete guide to Concrete Grey (#686c5e) covering color values, harmonies, shades, meaning, and practical uses across design, branding, and everyday visuals.
The color Concrete Grey (#686C5E) is a subtle neutral. It features RGB values of (104, 108, 94), HSL settings of (77°, 7%, 40%), and a CMYK profile of (4%, 0%, 13%, 58%). In the color spectrum, it sits between Citron (#9FA91F) and Olive Grey (#7E7B52), bridging the gap with its distinct tone. Against Quartz Grey (#6C6960), #686C5E leans deeper, marked by its distinct tonal shift.
For complementary designs, combine it with Quartz Grey (#6C6960), and Mouse Grey (#646B63) to achieve a cohesive look, while opposing hues may create strong visual tension. In professional settings, #686C5E is frequently applied in branding, environmental graphics, and design systems.

Concrete Grey (#686C5E) is a muted, cool gray with subtle green undertones. It conveys stability, practicality, and groundedness. The color evokes stone, urban architecture, and industrial materials, blending strength with understated elegance. In psychology, Concrete Grey (#686C5E) promotes focus, neutrality, and emotional balance. Gray tones create calm and composure while encouraging objective thinking. Spiritually, muted grays symbolize endurance, grounding, and clarity, providing a stabilizing energy in both personal and visual spaces. In contemporary design, Concrete Grey (#686C5E) is applied in interiors, product design, and corporate branding. Its muted depth allows it to anchor other colors while communicating reliability and composure. The color blends practicality with subtle sophistication.
Accurate conversions of Concrete Grey (#686c5e) across RGB, Hex, CMYK, HSL, and Lab ensure consistent color fidelity across digital, print, and design applications.
Detailed RGB and CMYK values of Concrete Grey (#686c5e) displayed in a horizontal bar provide clear reference for digital and print color accuracy.
A full range of Concrete Grey (#686c5e) variations, including tints, shades, and tones, provides highlights, depth, and subtle desaturated options for UI design.
Harmonious color schemes for Concrete Grey (#686c5e) created using the color wheel ensure visually balanced palettes.
Colors adjacent on the color wheel (30° apart)
Colors opposite on the color wheel (180° apart)
Three colors using one base hue and the two hues beside its opposite
Three colors evenly spaced (120° apart)
Four colors forming a rectangle on the wheel
Four colors evenly spaced (90° apart)
Four colors formed from two base hues and the colors next to their opposites
Variations of a single hue
Luminance contrast ratios for Concrete Grey (#686c5e) against standard backgrounds ensure readable, accessible text following Contrast Checker and WCAG 2.1 AA/AAA standards.
Sample Text
This is how your text will look with these colors.
Simulated views of Concrete Grey (#686c5e) for different color vision deficiencies help identify potential confusion using the Color Blindness Simulator.
Note: These simulations are approximations. Actual color vision deficiency varies by individual.
Sample Text
Sample Text
High-resolution seamless patterns featuring Concrete Grey (#686c5e) provide ready-to-use backgrounds, wallpapers, and print designs for any project.
A collection of popular icons in Concrete Grey (#686c5e) offers ready-to-use visuals for interfaces, designs, and creative projects.
Real-world mockups of Concrete Grey (#686c5e) showcase its versatility across fashion, interiors, branding, and product packaging.
A curated set of tools to help apply, analyze, and manage colors effectively in your projects
Frequently asked questions about Concrete Grey (#686c5e) color meaning, symbolism, and applications. Click on any question to expand detailed answers.