Sage Blue

A greyish violet-blue like sage blossoms, calming and restorative

HEX#4D80E6
RGBrgb(77, 128, 230)
HSLhsl(220, 75%, 60%)
HSVhsv(220, 67%, 90%)
CMYKcmyk(67%, 44%, 0%, 10%)
HEXA#4D80E6FF
RGBArgba(77, 128, 230, 1)
HSLAhsla(220, 75%, 60%, 1)
OKLCHoklch(78.7%, 0.09, 258)
LCHlch(75.3%, 37.7, 261)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#4CCCE6
Copy
#4D80E6
Copy
#664CE6
Triadic3 hues spaced 120° apart
Copy
#4D80E6
Copy
#E64C7F
Copy
#7FE64C
Split ComplementaryMain color + colors adjacent to its complement
Copy
#4D80E6
Copy
#E6664C
Copy
#CCE64C
Complementary2 hues spaced 180° apart
Copy
#4D80E6
Copy
#E6B34C
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#4D80E6
Copy
#E64CCC
Copy
#E6B34C
Copy
#4CE666
MonochromaticSingle hue with varying saturation and lightness
Copy
#0D2659
Copy
#194CB3
Copy
#4D80E6
Copy
#A6BFF2
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 3.8:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFFFFRatio 3.8:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#F2E0FBRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#F2A6BFRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#0B2250Copy
#103070Copy
#143D8FCopy
#194BAECopy
#1D58CDCopy
#2D69E1Copy
#4C7FE6Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#7A8FB8Copy
#728CC0Copy
#6B8AC7Copy
#6387CFCopy
#5C85D6Copy
#5482DECopy
#4C7FE6Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#232A38Copy
#2C3954Copy
#314772Copy
#335394Copy
#325FB8Copy
#386DD6Copy
#4C7FE6Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#4CA6E6Copy
#4C99E6Copy
#4C8CE6Copy
#4C7FE6Copy
#4C73E6Copy
#4C66E6Copy
#4C59E6Copy

💡 Use Cases

🕯️

Meditation Candles

Sage and sea salt candles—psychologically performing remote shamanic energy cleansing.

🛏️

Linen Bedding

Washed cotton-linen sheets—skin-friendly wrinkles and calming color for distraction-free deep sleep.

💊

Wellness Packaging

Melatonin or sleep gummy bottles—no flashy graphics, color alone promising peaceful sleep.

🏛️

Gallery Walls

Contemporary gallery backgrounds—separating artworks from reality, creating Zen-like spaces.

📜 Origin & History

Sage Blue comes from South European hillside sage fields. In ancient Greece, sage was called the sacred herb. Hippocrates recorded both its healing properties and the tranquil vision of its grey-violet petals swaying in the wind.

In the late 19th/early 20th century, Aestheticism and Arts & Crafts movements favored plant-derived soft dyes. William Morris' botanical wallpaper designs extensively used this low-saturation, non-glaring sage blue.

In postwar Italian neorealism, directors captured this dry, artistic grey-blue by the Mediterranean—perfect for Malèna's bittersweet adolescent melancholy in Cinema Paradiso.

In modern aromatherapy and home meditation, sage blue represents white sage's smoke after burning—carrying shamanic ritual, visually purifying space and personal energy fields of negativity.

🧠 Color Psychology

HealingCarrying herbal bitterness and fragrance—visual-olfactory synesthesia, slow-penetrating, healing.
StillThe eternal quiet of monastery herb gardens—freezing time, rejecting worldly clamor.
ReflectiveLike sage smoke rising—guiding gaze inward for deep spiritual detoxification.
RemoteCool grey tones rejecting cloying intimacy—maintaining deliberate solitude.
CoolLike autumn frost on grass—beautiful yet cold to the bone, unreachable by the worldly.
SteadfastAn anchor for the spirit—like an old apothecary, unshaken amid rumors and unrest.