Blue Gray

Gray with blue showing through, like the cold sky after rain, a touch of melancholy within the serenity.

HEX#5B686D
RGBrgb(91, 104, 109)
HSLhsl(197, 9%, 39%)
HSVhsv(197, 17%, 43%)
CMYKcmyk(17%, 5%, 0%, 57%)
HEXA#5B686DFF
RGBArgba(91, 104, 109, 1)
HSLAhsla(197, 9%, 39%, 1)
OKLCHoklch(73.5%, 0.013, 222)
LCHlch(69.4%, 11.6, 220)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#5A6C69
Copy
#5B686D
Copy
#5A5E6C
Triadic3 hues spaced 120° apart
Copy
#5B686D
Copy
#6C5A67
Copy
#676C5A
Split ComplementaryMain color + colors adjacent to its complement
Copy
#5B686D
Copy
#6C5A5E
Copy
#6C695A
Complementary2 hues spaced 180° apart
Copy
#5B686D
Copy
#6C605A
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#5B686D
Copy
#695A6C
Copy
#6C605A
Copy
#5E6C5A
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#2C3235
Copy
#5B686D
Copy
#8D9BA0
Copy
#C5CCCE

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 5.8:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#E3E4E8Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#BDBAC5Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#A5939FRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#1C2021Copy
#252A2CCopy
#31383ACopy
#3A4245Copy
#464F53Copy
#4F5A5FCopy
#5A676CCopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#5F6567Copy
#5E6668Copy
#5E6668Copy
#5D6669Copy
#5C666ACopy
#5B676BCopy
#5A676CCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#1E1F20Copy
#272A2ACopy
#333738Copy
#3C4144Copy
#474F52Copy
#505A5ECopy
#5A676CCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#5A6C6CCopy
#5A6A6CCopy
#5A696CCopy
#5A676CCopy
#5A666CCopy
#5A646CCopy
#5A636CCopy

💡 Use Cases

🖼️

Plein Air Sketching

A classic tone for depicting gloomy seascapes and foggy cityscapes, capturing the fleeting poetry of nature.

🛋️

Nordic Furniture

Lounge chairs and sofas in Blue Gray wool fabric inject a cool, elegant modern vibe into the space.

👔

Business Shirts

Blue Gray pinstripe shirts, offering more depth than pure white, a tasteful choice for the finance and legal industries.

🚢

Nautical Style

The color scheme of Blue Gray deck paint and sailing ropes, continuing maritime traditions in yachts and seaside residences.

📜 Origin & History

Blue Gray holds a significant place in 19th-century Romantic painting. German painter Caspar David Friedrich, in 'The Monk by the Sea,' rendered the gloomy sky and sea with vast areas of Blue Gray, transforming the natural landscape into a 'soulscape.'

French Impressionist painter Claude Monet repeatedly depicted the Blue Gray fog over the Thames in his London series. The unique Blue Gray tone, formed by mixing Industrial Revolution coal smoke with river mist, was called by Monet 'the most beautiful color gift of this era.'

American portrait painter John Singer Sargent, in 'Madame X,' portrayed an elegant yet aloof female figure in a Blue Gray silk gown. The Blue Gray of this dress became a sought-after fashionable color in Parisian high society at the end of the 19th century.

In the mid-20th century, Blue Gray became a darling of modernist design. Danish designer Arne Jacobsen's Egg Chair was upholstered in Blue Gray wool fabric, creating a calm, professional atmosphere in architectural firms and bank lobbies.

🧠 Color Psychology

SereneThe沉淀 (settled) color of the post-rain sky, gradually calming restless emotions and facilitating a state of deep thought.
MelancholicThe faint blue undertone carries a hint of poetic sadness, a romantic mood in literature and music.
RationalThe dual冷静 (calm) genes of blue and gray, suitable for scenarios requiring logical analysis and objective judgment.
DetachedThe neither warm nor cold Blue Gray tone maintains a polite sense of distance, the interpersonal boundary color of the modern city.
ElegantThe color of the noblewoman's dress in Sargent's painting, exuding an understated, high-level aesthetic cultivation.
InclusiveAn intermediate color between sea and sky, compatible with the vastness of nature and the order of urban space.