Misty Blue

Grey-tone blue like distant mountain haze, subtle and reserved beauty

HEX#7B96B8
RGBrgb(123, 150, 184)
HSLhsl(213, 30%, 60%)
HSVhsv(213, 33%, 72%)
CMYKcmyk(33%, 18%, 0%, 28%)
HEXA#7B96B8FF
RGBArgba(123, 150, 184, 1)
HSLAhsla(213, 30%, 60%, 1)
OKLCHoklch(83.1%, 0.033, 251)
LCHlch(80.5%, 18.8, 242)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#7AB5B8
Copy
#7B96B8
Copy
#7D7AB8
Triadic3 hues spaced 120° apart
Copy
#7B96B8
Copy
#B87A96
Copy
#96B87A
Split ComplementaryMain color + colors adjacent to its complement
Copy
#7B96B8
Copy
#B87D7A
Copy
#B5B87A
Complementary2 hues spaced 180° apart
Copy
#7B96B8
Copy
#B89C7A
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#7B96B8
Copy
#B87AB5
Copy
#B89C7A
Copy
#7AB87D
MonochromaticSingle hue with varying saturation and lightness
Copy
#243142
Copy
#476385
Copy
#7B96B8
Copy
#BDCADB
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FCFCFDRatio 3:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FCFCFDRatio 3:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#FDFCFDRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#E2CAD5Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#364A63Copy
#476385Copy
#597CA6Copy
#7A96B8Copy
#9CB0C9Copy
#BDCADBCopy
#DEE5EDCopy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#8F98A3Copy
#8F98A3Copy
#8597ADCopy
#7A96B8Copy
#7095C2Copy
#6694CCCopy
#5C93D6Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#4C5867Copy
#5C6C7FCopy
#677F9ECopy
#7994B4Copy
#8EA8C7Copy
#A6BDD9Copy
#C0D2E8Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#7AA5B8Copy
#7AA0B8Copy
#7A9BB8Copy
#7A96B8Copy
#7A91B8Copy
#7A8CB8Copy
#7A87B8Copy

💡 Use Cases

🧥

Autumn/Winter Coat

A Misty Blue wool coat is a sophisticated color choice for autumn/winter commuting, lighter than black or grey, more subtle than bright colors, enduring and not seasonal.

🖼️

Ink Wash Soft Furnishings

Hanging an ink wash landscape screen or placing a Misty Blue velvet sofa in the living room creates an Oriental artistic conception of distant mountains shrouded in mist in a modern dwelling.

📷

Portrait Photography

Backdrop or filter toning for photo shoots; Misty Blue brings its own hazy feel, making skin appear fairer and imbuing the image with a narrative quality.

📿

Zen Tea Ware

Stoneware teapots glazed in Misty Blue; the matte grey-blue texture feels calm and steady in hand, perfectly fitting the tea ceremony's purpose of calming the mind.

📜 Origin & History

Misty Blue is a highly poetic naming in Chinese traditional colors, depicting the grey-blue presented when distant mountains are shrouded in mist and haze. It is not the clear bright blue of a cloudless sky, but the hazy, indistinct blue tone seen through swirling clouds and mist.

Song Dynasty landscape painting greatly esteemed the artistic conception of Misty Blue. Mi Fu and Mi Youren, father and son, created 'Mi Family Cloud Mountains,' depicting Jiangnan misty rain with ink dotting and washes. The fusion of water and ink on paper presented richly layered Misty Blue tones, pioneering the 'blurred beauty' approach in Chinese painting.

Ming Dynasty literati deliberately pursued the Misty Blue artistic conception in garden construction. Viewing the garden's rockeries through winding corridors and lattice windows in the faint morning mist, the grey-blue silhouette of the rocks appeared as poetic as a painting. This color performance completed with the aid of natural weather was the ultimate in Eastern aesthetics.

In the Qing Dynasty, Misty Blue was incorporated into the dyeing and weaving color system, mostly used for literati casual wear and study furnishings. Unlike the formal colors of the court, Misty Blue was the leisurely color after retreating to the study, representing the other side of the scholar-official spirit: 'In success, benefiting the world; in hardship, cultivating oneself alone.'

Misty Blue is defined in modern design as a blue with a degree of grey, also known as 'Haze Blue.' It combines the calmness of blue with the sophistication of grey, becoming another highly sought-after low-saturation color beyond the 'Morandi color system' in clothing and interior design.

🧠 Color Psychology

Hazy and ReservedLike viewing flowers through mist, half-hidden and half-revealed, fitting the Eastern way of introverted, subtle emotional expression—not direct, but with lingering meaning.
Secluded RetreatAssociations with distant mountains and hermitage imagery generate a desire to withdraw from the hustle and bustle and find a spiritual habitat.
Peaceful and IndifferentThe grey tone neutralizes the coolness of blue, reaching a serene state of being unruffled by favor or disgrace, unconcerned with staying or leaving.
Poetic ReflectionThe blurred scenery in mist and rain stimulates literary imagination, allowing thoughts to wander freely in the haze and brew creative inspiration.
Profound ToleranceThe mountain color hidden deep under clouds and mist teaches acceptance of imperfect grey areas and the gradations of life.
Mellowed by TimeThe slightly greyish blue has a sense of temporal sedimentation, as mellow as aged memories, soothing anxiety about passing time.