Cloud Gray

Somber gray of dense clouds, heralding an approaching storm

HEX#8C9296
RGBrgb(140, 146, 150)
HSLhsl(204, 5%, 57%)
HSVhsv(204, 7%, 59%)
CMYKcmyk(7%, 3%, 0%, 41%)
HEXA#8C9296FF
RGBArgba(140, 146, 150, 1)
HSLAhsla(204, 5%, 57%, 1)
OKLCHoklch(82.8%, 0.005, 236)
LCHlch(80.1%, 10.1, 220)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#8C9796
Copy
#8C9296
Copy
#8C8D97
Triadic3 hues spaced 120° apart
Copy
#8C9296
Copy
#978C92
Copy
#92978C
Split ComplementaryMain color + colors adjacent to its complement
Copy
#8C9296
Copy
#978C8D
Copy
#97968C
Complementary2 hues spaced 180° apart
Copy
#8C9296
Copy
#97908C
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#8C9296
Copy
#968C97
Copy
#97908C
Copy
#8D978C
MonochromaticSingle hue with varying saturation and lightness
Copy
#292C2E
Copy
#5A5F63
Copy
#8C9296
Copy
#C1C5C7
Copy
#F7F7F8

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FCFCFDRatio 3.1:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FCFCFDRatio 3.1:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#FAFAFARatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#D1CCCFRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#414648Copy
#5A5F63Copy
#72797ECopy
#8C9297Copy
#A7ACAFCopy
#C1C5C7Copy
#DCDEE0Copy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#86949CCopy
#86949CCopy
#86949CCopy
#86949CCopy
#8195A2Copy
#7697ADCopy
#6B99B8Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#45545ECopy
#576975Copy
#687E8DCopy
#7E92A0Copy
#95A6B1Copy
#ADBAC2Copy
#C1CED7Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#8C9597Copy
#8C9497Copy
#8C9397Copy
#8C9297Copy
#8C9297Copy
#8C9197Copy
#8C9097Copy

💡 Use Cases

🏢

Business Space

A rational color for meeting rooms and offices, creating a steady, professional business atmosphere conducive to calm thinking and decision-making

🚗

Industrial Design

A classic color for car exteriors and electronic products, highlighting a low-key, steady industrial texture and technological rationality

🖼️

Landscape Photography

An excellent gray tone for capturing cloud seas and rime in landscape photography, recording majestic natural scenery between heaven and earth

📱

Interface Design

Background color for mobile apps and web design, soft and comfortable without stealing attention, setting off content information clearly

📜 Origin & History

Cloud Gray stems from ancient people's keen observation and poetic interpretation of celestial phenomena. As early as the pre-Qin period, ancestors learned to identify cloud colors to predict wind and rain for farming. The 'Book of Songs' depicts the gray sky of gathering clouds, where Cloud Gray acted as a faithful messenger of nature's rhythms.

During the Han Dynasty, the theory of Heaven-Human interaction was prevalent, and cloud qi was seen as a manifestation of Heaven's will. Officials were appointed to observe cloud colors and shapes at court to foretell fortunes. Thick gray cloud layers were often seen as omens of major events, endowing Cloud Gray with a mysterious and solemn political significance, recorded in texts like the 'Records of the Grand Historian: Book of Heavenly Offices'.

In the Wei, Jin, and Southern and Northern dynasties, landscape poetry and painting rose, and literati began to gaze at mountain mists with an aesthetic eye. The mood in Xie Lingyun's poems and Gu Kaizhi's painting theories emphasized the expression of cloud qi, transforming Cloud Gray from a weather omen into an important element of landscape mood, a key tone for expressing the sublime beauty of nature.

During the Tang and Song dynasties, ink wash painting reached high maturity. Mi Fu and his son pioneered 'Mi-style Cloud Mountains,' using ink dots to express changing clouds and mist. Cloud Gray achieved unprecedented rich layers through variations in thick, light, dry, and wet ink. This gray-tone method of painting clouds sought to convey dynamic qi rather than formal likeness, pushing Cloud Gray's expressive power to artistic heights.

From the Ming and Qing dynasties to modern times, Cloud Gray stepped out of landscape painting into architecture and life aesthetics. The Taihu stones in Jiangnan gardens are famous for their gray-white cloud patterns, and garden walls undulate like clouds. Cloud Gray became an important visual element in creating an Eastern garden mood of alternating reality and illusion, and changing scenery with every step.

🧠 Color Psychology

Calm and SolemnThe tone of the sky when dense clouds gather, possessing a dignified solemnity that inspires awe and respect
Momentum BuildingThe somber gray cloud layer before a storm, embodying the power of brewing and waiting, hinting at approaching change
Broad InclusivenessThe boundless gray of clouds covering the sky, offering a psychological feeling of broad vision and magnanimous heart
Mysterious and UnpredictableCloud layers of varying thickness obscure the sun, bringing a subtle psychological tension woven from uncertainty and anticipation
Calm ComposureThe natural rhythm of clouds rolling and unfurling inspires a calm and unruffled state of mind when facing life's changes
Deep and WeightyThe thick gray texture formed by overlapping clouds conveys a profound, steady quality accumulated over time