Slate Blue

The Subdued Luster of Rain-Slicked Stone

HEX#6A5ACD

RGBrgb(106, 90, 205)

HSLhsl(248, 53%, 58%)

HSVhsv(248, 56%, 80%)

CMYKcmyk(48%, 56%, 0%, 20%)

HEXA#6A5ACDFF

RGBArgba(106, 90, 205, 1)

HSLAhsla(248, 53%, 58%, 1)

OKLCHoklch(74.4%, 0.102, 292)

LCHlch(69.4%, 41.6, 288)

🎨 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

#FFFFFFRatio 5.3:1AA

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

Aa14px Body

Standard Text

#F2E8F8Ratio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#E7B1E0Ratio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#D78A7ERatio 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%

#1B1442

#251D5E

#302579

#3B2E94

#4535AC

#5140C4

#6A5BCD

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

#837DAA

#7F77B1

#7B72B6

#776CBC

#7367C1

#6E60C7

#6A5BCD

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#262432

#33304B

#3F3965

#494082

#4E429E

#5747BD

#6A5BCD

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

#5B68CD

#5B5FCD

#615BCD

#6A5BCD

#745BCD

#7D5BCD

#875BCD

💡 Use Cases

📝

Note-Taking Apps

Top background color for productivity software like Notion, creating a soft, long-focus writing environment.

🛏️

Calming Bedding

Pure cotton or linen bedding with a washed look, enveloping you in the cozy comfort of an overcast day.

💼

Everyday Tote Bags

Versatile color for Longchamp or canvas totes, blending discreetly into both commuting and travel.

🎨

Morandi Still Life

Background paper for still-life photography, complementing wood, dried flowers, and pottery for a quiet, artistic atmosphere.

📜 Origin & History

Slate blue is a medium tone between dark blue and light purple, visually very close to wet slate rock. Slate, as one of Europe's oldest roofing materials, has accompanied architecture for over a millennium.

In medieval manuscripts, monks used a durable ink made from mineral mixtures, whose hue closely resembled slate blue. This pigment was resistant to fading over centuries, symbolizing the eternal transmission of history.

Unlike dark slate blue, medium slate blue was more common in daily life. In 18th-century European estates, servants' and maids' daily uniforms often used this stain-resistant yet dignified color, balancing functionality and decorum.

As a web-safe color, slate blue frequently appeared in early internet design, such as Windows classic themes. It serves as a bridge between traditional aesthetics and digital technology, forming the backdrop of turn-of-the-millennium web memories.

In recent years, its gentle visual quality has made it a popular choice for 'comfort zones.' Lighter than navy yet more composed than sky blue, it serves as the perfect visual anchor for modern urbanites seeking inner balance.

🧠 Color Psychology

Unflappable CalmWith a gentle medium lightness, it maintains an unruffled composure regardless of the environment.

Understated DecencyNeither flashy nor mediocre, it values details, texture, and inner cultivation.

Comforting HealingLike the quiet of a rainy day, it blocks outside noise, offering a sense of being protected and understood.

Honest and PracticalAs straightforward as stone, it doesn't play tricks—seen as the most trustworthy partner and friend.

Balanced ModerationPerfectly positioned between warm and cool, light and dark, it is highly inclusive and reconciles contradictions.

Nostalgic VintageCarries a millennial digital aesthetic, evoking early-internet memories for a specific generation.

← Back to Explore Colors