Medium Slate Blue

The Clear Bright Purple of the Twilight Sky

HEX#7B68EE

RGBrgb(123, 104, 238)

HSLhsl(249, 80%, 67%)

HSVhsv(249, 56%, 93%)

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

HEXA#7B68EEFF

RGBArgba(123, 104, 238, 1)

HSLAhsla(249, 80%, 67%, 1)

OKLCHoklch(78.1%, 0.108, 292)

LCHlch(73.7%, 43.9, 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 4.2:1AA Large

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

Aa14px Body

Standard Text

#FFFFFFRatio 4.2:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#F9CDF3Ratio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

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

#160A5C

#1F0E81

#2812A5

#3116CA

#3C1EE6

#5C43EA

#7C68EE

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

#9890C6

#9389CD

#8F82D3

#8A7CDA

#8575E1

#806EE7

#7C68EE

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#2A273F

#37305F

#403483

#4736AB

#4D36CE

#624CE1

#7C68EE

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

#6875EE

#686AEE

#7168EE

#7C68EE

#8768EE

#9268EE

#9D68EE

💡 Use Cases

🕹️

Gaming Gear

Default RGB lighting for mechanical keyboards and PC cases, creating an immersive e-sports arena atmosphere.

📊

Data Dashboards

UI charts for smart city command centers, using bright colors to highlight key data flows and showcase technological strength.

👾

Cyberpunk

Holographic ads and neon in post-production and illustrations, depicting the aesthetic conflict of 'high tech, low life.'

🤖

AI Assistants

Color or glow for smart voice assistants—a blue-purple ring spinning, delivering a strong AI presence.

📜 Origin & History

Medium slate blue sits in the hue range between slate blue and violet, largely shedding gray tones to reveal a 'magic hour' color of clear skies and twilight boundaries.

In UI/UX design history, this color, combining the trust of blue with the creativity of purple, became a darling of major internet companies during the flat design era, emphasizing the fusion of technology and humanity.

Google's Material Design and Apple's iOS have used similar blue-purple tones for interactive feedback, marking the maturity and independence of digital color systems.

In Hollywood sci-fi films—from Tron to the Marvel Universe—this flowing bright blue-purple often represents virtual interfaces or energy cores, symbolizing advanced civilizations and infinite computational power.

Recently, with the rise of the metaverse, medium slate blue has been dubbed a 'wormhole color' connecting reality and virtuality, carrying futuristic philosophical connotations—not just technology, but humanity's hope for digital avatars.

🧠 Color Psychology

Full-Blast EnergyHigh-saturation purple light waves are intensely stimulating, instantly energizing tired nerves.

Cutting-Edge TechnologyExudes a strong sense of electronics and digitality, evoking not-yet-mainstream tech and futuristic cities.

Magical WonderBeyond natural hues, it feels 'Harry Potter'-esque—representing supernatural power and the marvelous.

Intellectual SparkLike sparks from a genius mind at work, it symbolizes brilliant ideas and moments of epiphany.

Uninhibited FreedomBreaks conventional palettes, embodying the digital native's attitude of breaking rules and roaming cyberspace.

Social MagnetismHighly effective at grabbing attention in visual streams, acting like a black hole—a key to going viral.

← Back to Explore Colors