Light Slate Gray

A slate-like grey with bluish undertones, understated and refined

HEX#778899

RGBrgb(119, 136, 153)

HSLhsl(210, 14%, 53%)

HSVhsv(210, 22%, 60%)

CMYKcmyk(22%, 11%, 0%, 40%)

HEXA#778899FF

RGBArgba(119, 136, 153, 1)

HSLAhsla(210, 14%, 53%, 1)

OKLCHoklch(80.5%, 0.019, 246)

LCHlch(77.5%, 14.2, 233)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#FCFCFDRatio 3.6:1AA Large

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#FCFCFDRatio 3.6:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#EBE8EDRatio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#CDBCC4Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#23292F

#303840

#3D4751

#4B5763

#5A6977

#677889

#768798

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#80878E

#7F8790

#7E8791

#7B8793

#7A8794

#788797

#768798

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#27292A

#35383B

#42474C

#4F575F

#5D6974

#697886

#768798

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#769098

#768D98

#768A98

#768798

#768498

#768298

#767F98

💡 Use Cases

🏠

Attic Slopes

Nordic-style attic bedroom walls, simulating the safe, cocooned feeling of listening to rain under slate roofs.

👖

Washed Denim

Heavy enzyme-washed jeans, retaining denim blue with extreme vintage fading.

📖

e-Reader Backgrounds

E-ink night backgrounds simulating aged newsprint—eye-friendly and book-scented.

🎞️

Documentary Titles

Title cards for historical documentaries—projecting a rigorous, weighty, objective archival aesthetic.

📜 Origin & History

Light Slate Gray comes from natural slate cross-sections. Slate's excellent cleavage made it a common European castle roofing material—years of rain left a matte, matcha-tinted blue-grey sheen, the signature color of Gothic overcast days.

In Le Corbusier's concrete architecture, oxidized rough concrete in damp air closely resembles light slate gray. It represents modernism's unashamed material truth—an anti-decoration rugged aesthetic.

As a web-safe color, it was one of the few neutral backgrounds in early CSS that balanced beauty and function—not as warm as pure gray nor as cold as pure blue—a universally safe, gender-agnostic, age-agnostic background.

Influenced by Yohji Yamamoto's deconstruction, this unassuming grey-blue was defined as the primary color of high-end 'beggar chic' in fashion—lighter than black yet retaining philosophical sophistication, perfect for draping and crepe textures.

🧠 Color Psychology

BalancedThe ultimate harmony—expressing no extremes, achieving the golden mean of unbiased wisdom.

SereEvoking rain-washed stone steps and faded old signposts—a washed-clean, desolate Zen quality.

BearingLike thick shale holding historical fossils, suggesting quiet, unwavering support through time.

IntellectualA cool, rational intellectual air—all communication based on data and logic, dispassionate.

MottledDeliberately aged layered texture—like moss and water stains on flagstones, recording stories of time.

BlendingA color of hiding in plain sight—merging with urban concrete while maintaining inner clarity.

← Back to Explore Colors