Haze Blue

A misty blue-grey blend, an urban, sophisticated grey-blue

HEX#93A9D1

RGBrgb(147, 169, 209)

HSLhsl(219, 40%, 70%)

HSVhsv(219, 30%, 82%)

CMYKcmyk(30%, 19%, 0%, 18%)

HEXA#93A9D1FF

RGBArgba(147, 169, 209, 1)

HSLAhsla(219, 40%, 70%, 1)

OKLCHoklch(86.9%, 0.032, 260)

LCHlch(84.8%, 18.6, 247)

🎨 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 2.4:1Fail

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

Aa14px Body

Standard Text

#FFFFFFRatio 2.4:1Fail

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#FFFFFFRatio 2.4:1Fail

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

Aa14px Body

Decorative / Dividers

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

#202F4B

#2C4168

#395384

#4565A1

#5B7CB9

#7792C5

#94A9D1

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

#A6AFBF

#A3AEC2

#A0ADC5

#9DACC8

#9AABCB

#97AACE

#94A9D1

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#2F343C

#3D4657

#4B5872

#556A91

#657FAE

#7C94C0

#94A9D1

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

#94B9D1

#94B4D1

#94AED1

#94A9D1

#94A4D1

#949FD1

#949AD1

💡 Use Cases

🧥

Winter Coats

Double-faced wool coats, standing out amid black, white, and grey winters—a sophisticated, complexion-brightening statement.

🏢

Office Interiors

Tech company soundproof phone booths or fabric sofas, using color to create calm, isolated thinking spaces.

📸

Mood Filters

Advanced grey filters in photo-editing apps, producing images with instant narrative and wistful emotion.

💍

Moissanite Rings

Haze blue jewelry boxes—lighter than black, more dignified than white, showing refined gift taste.

📜 Origin & History

Haze Blue is a color legacy of the Industrial Revolution meeting Impressionism. In the late 19th century, Monet's Waterloo Bridge series first used large amounts of grey-blue and violet-grey to capture industrial smog and mist over the Thames—this Monet grey is the precursor of Haze Blue.

In the early 21st century, air pollution made the term 'haze' sensitive. But fashion reversed course, extracting this unique low-saturation blue-grey from fog, transforming urban helplessness into an aesthetic of distant elegance.

Scandinavian minimalist interiors regard haze blue as the gentlest dark color. With both the rationality of blue and the restraint of grey, paired with light oak and wool, it perfectly explains why people find comfort in overcast weather.

In digital visuals, haze blue fills the gap between aggressive colors and bland neutrals. In app onboarding or empty states, it gently soothes frustration from operational setbacks with a world-weary poise.

🧠 Color Psychology

MelancholyA faint sorrow given form, like lingering clouds over a city, evoking a refined sentimentality.

AloofCarving a private mental sanctuary amid the noise, maintaining polite rather than intimate distance.

RestrainedHighly suppressed emotional expression—all strong feelings neutralized into an ineffable indifference.

SedimentedLike suspended particles slowly settling, representing thought gradually calming, rejecting superficiality.

CulturedAn unassuming, scholarly quality like old letters, subtle yet texturally refined.

Out of FocusMist in precise vision, stimulating imagination through ambiguity and uncertainty.

← Back to Explore Colors