Gray Blue

A serene variation of blue muted with gray, understated and elegant

HEX#6699CC
RGBrgb(102, 153, 204)
HSLhsl(210, 50%, 60%)
HSVhsv(210, 50%, 80%)
CMYKcmyk(50%, 25%, 0%, 20%)
HEXA#6699CCFF
RGBArgba(102, 153, 204, 1)
HSLAhsla(210, 50%, 60%, 1)
OKLCHoklch(82.8%, 0.053, 243)
LCHlch(80.3%, 25.6, 242)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#66CCCC
Copy
#6699CC
Copy
#6666CC
Triadic3 hues spaced 120° apart
Copy
#6699CC
Copy
#CC6699
Copy
#99CC66
Split ComplementaryMain color + colors adjacent to its complement
Copy
#6699CC
Copy
#CC6666
Copy
#CCCC66
Complementary2 hues spaced 180° apart
Copy
#6699CC
Copy
#CC9966
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#6699CC
Copy
#CC66CC
Copy
#CC9966
Copy
#66CC66
MonochromaticSingle hue with varying saturation and lightness
Copy
#19334D
Copy
#336699
Copy
#6699CC
Copy
#B3CCE6
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 3:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFFFFRatio 3:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#FFFFFFRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#ECC6D9Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#264C73Copy
#336699Copy
#407FBFCopy
#6699CCCopy
#8CB2D9Copy
#B3CCE6Copy
#D9E6F2Copy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#8599ADCopy
#7A99B8Copy
#7099C2Copy
#6699CCCopy
#5C99D6Copy
#5299E0Copy
#4799EBCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#3E5974Copy
#466E95Copy
#4E82B7Copy
#6496C9Copy
#7DABD8Copy
#99BFE6Copy
#B7D4F0Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#66B3CCCopy
#66AACCCopy
#66A2CCCopy
#6699CCCopy
#6690CCCopy
#6688CCCopy
#667FCCCopy

💡 Use Cases

🛋️

Nordic Home

A common color for Scandinavian-style sofas and walls, using gray-blue tones to create a minimalist and warm living atmosphere.

🧥

Autumn/Winter Coat

A classic color for gray-blue wool coats and cashmere scarves, understated and versatile, showcasing mature taste.

🎨

Gallery Wall

The background wall color for art galleries and museums; gray-blue does not steal the spotlight from the artworks, making it the best visual white space.

💍

Wedding Palette

A popular color for bridesmaid dresses in Western weddings, where gray-blue is elegant and understated, complementing the bride without being ostentatious.

📜 Origin & History

Gray blue has a long history in the Western painting tradition. During the Renaissance, Leonardo da Vinci used gray-blue tones in the background of the 'Mona Lisa' to create an atmospheric perspective effect. This color technique of overlapping blue and gray, known as sfumato, made gray-blue a classic method for expressing spatial depth.

In 17th-century Dutch Golden Age painting, Vermeer extensively used gray-blue to depict interior light and shadow. The gray-blue tone on the headscarf in his work 'Girl with a Pearl Earring,' created by mixing ultramarine with lead white and a touch of black, displays unparalleled tranquility and elegance.

In the late 19th century, the American painter Whistler's gray-blue nocturne works pioneered Tonalism. In his 'Nocturne in Blue and Gold' series, he used gray-blue to capture the mist and lamplight on the Thames, elevating gray-blue from a supporting role to the main tone of the picture, influencing later minimalist aesthetics.

In the 20th century, the Italian painter Morandi pushed gray-blue to its extreme. His still life paintings are marked by low-saturation gray-blue pots and vessels, stripping away emotional color expression and leaving only the restrained gray-blue to present the silent existence of the objects themselves, forming the core of the 'Morandi color palette' in modern design.

In contemporary interior design, gray-blue is an important color for Scandinavian style and Wabi-sabi aesthetics. It combines the serenity of blue with the neutrality of gray, creating a quiet atmosphere without being too cold, and is recognized by global designers as a universally flattering premium color.

🧠 Color Psychology

Low-Key and RestrainedNot eye-catching yet enduring to look at, using restrained gray to tone down blue's exuberance, revealing a mature and steady aesthetic taste.
Quiet and SereneGray-blue is like a mist-shrouded lake at dawn, where all clamor is softened, allowing the soul to sink into deep tranquility.
Intellectual and RefinedAn intellectual color, like the cover of an old book or a cashmere scarf, exuding an unassuming scholastic aura.
High-End TextureLow-saturation gray-blue comes with a built-in high-end filter, recognized by designers as effortless elegance.
Calm and FirmNot impassioned but holding its own ground, the steadiness of gray-blue contains a gentle yet unshakeable persistence.
Nostalgic WarmthThe slightly faded tone of gray-blue, like an old photograph, evokes a warm remembrance of times past.