Cement Gray

The semi-dry gray tone of wet cement, the rustic beauty of something unfinished.

HEX#7D847B
RGBrgb(125, 132, 123)
HSLhsl(107, 4%, 50%)
HSVhsv(107, 7%, 52%)
CMYKcmyk(5%, 0%, 7%, 48%)
HEXA#7D847BFF
RGBArgba(125, 132, 123, 1)
HSLAhsla(107, 4%, 50%, 1)
OKLCHoklch(79.8%, 0.01, 139)
LCHlch(76.6%, 9.6, 193)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#82857A
Copy
#7D847B
Copy
#7A857D
Triadic3 hues spaced 120° apart
Copy
#7D847B
Copy
#7A7D85
Copy
#857A7D
Split ComplementaryMain color + colors adjacent to its complement
Copy
#7D847B
Copy
#7D7A85
Copy
#857A82
Complementary2 hues spaced 180° apart
Copy
#7D847B
Copy
#827A85
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#7D847B
Copy
#7A8285
Copy
#827A85
Copy
#857D7A
MonochromaticSingle hue with varying saturation and lightness
Copy
#191B18
Copy
#4B5049
Copy
#7D847B
Copy
#B1B6AF
Copy
#E5E7E4

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FCFDFCRatio 3.8:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FCFDFCRatio 3.8:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#DFE2E1Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#B7B9BDRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#252825Copy
#343833Copy
#434842Copy
#50554ECopy
#5F655DCopy
#6E756CCopy
#7D857ACopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#7E827DCopy
#7E827DCopy
#7E827DCopy
#7D837CCopy
#7D837CCopy
#7D857ACopy
#7D857ACopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#262726Copy
#353734Copy
#444643Copy
#50544FCopy
#5F645ECopy
#6E756CCopy
#7D857ACopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#7F857ACopy
#7E857ACopy
#7D857ACopy
#7D857ACopy
#7C857ACopy
#7B857ACopy
#7A857BCopy

💡 Use Cases

🏗️

Microcement Walls

Seamless Cement Gray walls and floors integrally formed, laying a质朴 (rustic) spatial foundation for minimalist homes.

Cafés

Cement Gray counters and booths in independent coffee shops, a perfect fusion of rough industrial style and the aroma of coffee.

🖥️

Web Backgrounds

SaaS product dashboards often use Cement Gray as a backdrop, allowing data to be clearly presented against the calm background.

🪴

Planters

Combinations of succulents and cacti in handmade Cement Gray pots, where the rough container sets off the delicate vitality of the plants.

📜 Origin & History

The visual impression of Cement Gray first originated from late 19th-century construction sites. Freshly poured concrete, during its curing process, presents a semi-wet greenish-gray. This fleeting intermediate state was recorded by architects, becoming a color symbol of the construction process in the industrial age.

The Japanese Metabolist architects in the 1960s used Cement Gray as an experimental material color. Kiyonori Kikutake's Sky House displayed the structural logic of the building with exposed Cement Gray surfaces, transforming the sense of being unfinished into an avant-garde aesthetic statement.

The Brutalist architectural movement made Cement Gray one of the most controversial colors of the 20th century. Le Corbusier's Unité d'Habitation in Marseille challenged traditional architectural aesthetics with large areas of rough Cement Gray walls. Criticized as 'ugly' by detractors, it became a bible for a generation of architects.

Today, Cement Gray is experiencing a revival in interior design. The popularization of microcement finishing techniques allows Cement Gray to move from large public buildings into ordinary homes. This gray tone, retaining traces of construction, has become a core element of the minimalist lifestyle.

🧠 Color Psychology

RusticA semi-finished gray that retains traces of workmanship, honestly presenting the unfinished state of the material.
ConstructiveA color closely associated with the construction process, conveying a sense of正在成型 (ongoing formation) and continuous progress.
InclusiveAs a spatial backdrop color, it can accommodate all kinds of materials and colors, a universal base cloth for interior design.
RuggedThe Brutalist architecture gene赋予 (endows) it with an unkempt masculine temperament and a spirit of rebellion.
QuietWith a hint more green than pure gray, Cement Gray calms the space, suitable for solitude and meditation.
AuthenticA bare-faced color that doesn't conceal or whitewash, embodying the contemporary pursuit of authenticity in aesthetics.