Deep Space Gray

As profound as the cosmic night, the cool aesthetic of the technological age.

HEX#535150
RGBrgb(83, 81, 80)
HSLhsl(20, 2%, 32%)
HSVhsv(20, 4%, 33%)
CMYKcmyk(0%, 2%, 4%, 67%)
HEXA#535150FF
RGBArgba(83, 81, 80, 1)
HSLAhsla(20, 2%, 32%, 1)
OKLCHoklch(68.3%, 0.002, 49)
LCHlch(63.3%, 6.2, 212)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#535051
Copy
#535150
Copy
#535350
Triadic3 hues spaced 120° apart
Copy
#535150
Copy
#505351
Copy
#515053
Split ComplementaryMain color + colors adjacent to its complement
Copy
#535150
Copy
#505353
Copy
#505153
Complementary2 hues spaced 180° apart
Copy
#535150
Copy
#505253
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#535150
Copy
#515350
Copy
#505253
Copy
#535053
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#1F1E1E
Copy
#535150
Copy
#878482
Copy
#B9B7B6

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#F0F0EFRatio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#C3C3C1Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#9FA09CRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#7D827FRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#1A1919Copy
#222120Copy
#2C2B2ACopy
#373534Copy
#413F3ECopy
#494746Copy
#535150Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#525151Copy
#525151Copy
#525151Copy
#525151Copy
#535150Copy
#535150Copy
#535150Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#1A1919Copy
#212121Copy
#2C2B2BCopy
#363535Copy
#413F3ECopy
#494746Copy
#535150Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#535050Copy
#535150Copy
#535150Copy
#535150Copy
#535150Copy
#535250Copy
#535250Copy

💡 Use Cases

📱

Digital Products

The preferred color for the casings of high-end electronic devices like phones and laptops, highlighting metallic texture and technological aesthetics.

🚗

Automotive Paint

Matte Deep Space Gray paint on high-performance vehicles subtly conveys tension between speed and power.

Watch Design

Titanium or stainless steel cases of high-end watches use a Deep Space Gray coating to interpret understated luxury.

🏢

Building Facades

Glass curtain walls and metal finishes on urban landmark buildings use Deep Space Gray to create a contemporary metropolitan feel.

📜 Origin & History

The naming inspiration for Deep Space Gray comes from astronomical observations of deep-sky objects. At the end of the 20th century, deep-space images transmitted by the Hubble Telescope revealed a vast, boundless universe. This tone, between pure black and gray, became the preferred color in the tech world for interpreting high-end texture.

In 2013, Apple Inc. introduced the Deep Space Gray color variant for the iPhone 5s, replacing the previous pure black. This design decision quickly made Deep Space Gray a benchmark color in the consumer electronics field, conveying a premium quality that is softer than pure black and more沉稳 (understated) than silver.

In the history of industrial design, Deep Space Gray is inextricably linked to aerospace technology. The heat shields and precision instrument casings of spacecraft often use similar grays to reduce light reflection and enhance stealth. This functional color was later adapted for civilian products.

In contemporary Chinese design, Deep Space Gray is frequently used on the surfaces of high-end home appliances and smart home products. It inherits the traditional Chinese aesthetic pursuit of subtle elegance and restraint, while also meeting the dual expectations of a technological and premium feel in the digital age.

🧠 Color Psychology

ProfoundLike gazing into the night sky, it invites contemplation and inspires a desire to explore the unknown, mixed with awe.
CalmMore buffered than pure black, it weakens the sense of oppression while retaining a rational sense of distance.
High-endDeeply integrated with tech products, it conveys precision, professionalism, and understated luxury.
MysteriousOccupying the ambiguous zone between the visible and invisible, it leaves boundless room for imagination.
ResilientThe metallic gray hints at material strength and durability, conveying a sense of reliability.
ModernDetached from traditional natural color palettes, it is an exclusive color symbol of industrial civilization and the digital age.