Slate Gray

Natural grayish-green tone of slate, calm and unpretentious

HEX#6B7679
RGBrgb(107, 118, 121)
HSLhsl(193, 6%, 45%)
HSVhsv(193, 12%, 47%)
CMYKcmyk(12%, 2%, 0%, 53%)
HEXA#6B7679FF
RGBArgba(107, 118, 121, 1)
HSLAhsla(193, 6%, 45%, 1)
OKLCHoklch(76.8%, 0.009, 215)
LCHlch(73.2%, 10.9, 217)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#6C7A76
Copy
#6B7679
Copy
#6C707A
Triadic3 hues spaced 120° apart
Copy
#6B7679
Copy
#7A6C77
Copy
#777A6C
Split ComplementaryMain color + colors adjacent to its complement
Copy
#6B7679
Copy
#7A6C70
Copy
#7A766C
Complementary2 hues spaced 180° apart
Copy
#6B7679
Copy
#7A6F6C
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#6B7679
Copy
#766C7A
Copy
#7A6F6C
Copy
#707A6C
MonochromaticSingle hue with varying saturation and lightness
Copy
#0C0D0E
Copy
#3C4244
Copy
#6B7679
Copy
#A0A9AB
Copy
#D6DADB

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 4.7:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FAFAFARatio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#D0CED4Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#B0A6AERatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#242829Copy
#3C4244Copy
#545C5FCopy
#6C777ACopy
#859093Copy
#A0A9ABCopy
#BBC1C3Copy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#67797ECopy
#67797ECopy
#67797ECopy
#67797ECopy
#607D85Copy
#558491Copy
#498A9CCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#2B373BCopy
#3D4D52Copy
#4E646ACopy
#5F7A81Copy
#728F97Copy
#89A2A9Copy
#9BB8BFCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#6C7A79Copy
#6C797ACopy
#6C787ACopy
#6C777ACopy
#6C767ACopy
#6C747ACopy
#6C737ACopy

💡 Use Cases

🏠

Roofing Tiles

The classic slate roof color in British and Nordic architecture, naturally blending the gray-green into the rainy, misty natural environment

🏢

Building Facade

The color scheme for stone cladding and fair-faced concrete in modern buildings, displaying a material aesthetic of returning to simplicity and a sense of strength

📝

Classroom Blackboard

The natural gray-green hue of slate blackboards in traditional classrooms, carrying generations' learning memories and time spent seeking knowledge

🍽️

Kitchen Countertop

The natural stone color of slate plates and countertops, using rustic texture to set off the freshness of ingredients and the ritual of cooking

📜 Origin & History

The history of Slate Gray is deeply rooted in European geology and architectural traditions. Slate is a metamorphic rock that can be split into thin sheets, quarried for millennia in places like Wales, Spain, and Germany. Ancient Romans already widely used slate for roofing and flooring; this natural gray-green rock tone is one of the oldest color memories of European architecture.

In medieval Europe, Slate Gray became the signature color of church and castle architecture. From Notre Dame de Paris to Edinburgh Castle, slate roofs displayed a deep gray-green tone in rainy weather, blending with the lead-gray sky. Slate Gray extended across Gothic cathedral spires and flying buttresses, becoming the visual symbol of the Church's solemnity, eternity, and shelter.

During the Industrial Revolution in the 18th and 19th centuries, slate quarrying peaked in North Wales. Giant slate quarries like Dinorwic supplied building materials across the British Empire, making Slate Gray the background color of Victorian industrial towns. It not only covered roofs but was also crafted into blackboards, tombstones, and billiard tables, permeating all corners of daily life.

In the late 19th to early 20th centuries, Slate Gray was rediscovered by Impressionist painters. Monet repeatedly depicted the gray tones of slate roofs in his London and Rouen series, incorporating it as an important component of the modern cityscape. Slate Gray was elevated from a practical building material color to an artistic color expressing urban atmosphere in modern painting.

In contemporary architecture and design, Slate Gray is highly favored for its natural, durable, and understated qualities. From Frank Lloyd Wright's Prairie houses to modern minimalist homes, Slate Gray remains an important color link connecting architecture to the earth. In interior design, Slate Gray tiles and countertops have become standard elements in rustic, natural styles.

🧠 Color Psychology

Calm RusticityThe color of rock strata formed over eons conveys an earthy, steady sense of stability, bringing one back to nature's source for peace
Enduring PermanenceSlate retains its color through eons of wind and rain, symbolizing enduring quality and resilience that withstands the test of time
Low-key PragmatismAn unflashy, unadorned natural gray-green, like the artisan spirit, working silently, speaking through substance rather than appearance
Sheltering SecurityThe protective color of a millennium of rooftops conveys a sense of security from sheltering wind and rain, and a family's reliable promise
Natural AuthenticityThe true color of unmodified rock inspires a return to nature's embrace and the pursuit of a real, simple lifestyle
Quiet RestraintA serene gray tone with a hint of green, like a secluded deep valley, helping maintain inner peace and independence amidst the noise