Tele Gray 2

The blue-gray of a screen on standby, the cool base color of tech products.

HEX#818C92
RGBrgb(129, 140, 146)
HSLhsl(201, 7%, 54%)
HSVhsv(201, 12%, 57%)
CMYKcmyk(12%, 4%, 0%, 43%)
HEXA#818C92FF
RGBArgba(129, 140, 146, 1)
HSLAhsla(201, 7%, 54%, 1)
OKLCHoklch(81.4%, 0.009, 230)
LCHlch(78.6%, 11.3, 221)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#81928F
Copy
#818C92
Copy
#818492
Triadic3 hues spaced 120° apart
Copy
#818C92
Copy
#92818C
Copy
#8C9281
Split ComplementaryMain color + colors adjacent to its complement
Copy
#818C92
Copy
#928184
Copy
#928F81
Complementary2 hues spaced 180° apart
Copy
#818C92
Copy
#928781
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#818C92
Copy
#8F8192
Copy
#928781
Copy
#849281
MonochromaticSingle hue with varying saturation and lightness
Copy
#212426
Copy
#51595D
Copy
#818C92
Copy
#B8BEC1
Copy
#EFF0F1

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FCFDFDRatio 3.4:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FCFCFDRatio 3.4:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#EFEFF1Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#CBC3C8Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#262A2CCopy
#34393CCopy
#454C4FCopy
#535B5FCopy
#616B70Copy
#727D83Copy
#818C92Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#868B8DCopy
#858B8ECopy
#858B8ECopy
#848B90Copy
#838C91Copy
#838C91Copy
#818C92Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#28292ACopy
#36393ACopy
#474B4DCopy
#555B5ECopy
#636A6ECopy
#737D82Copy
#818C92Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#819092Copy
#818F92Copy
#818E92Copy
#818C92Copy
#818B92Copy
#818992Copy
#818892Copy

💡 Use Cases

💻

Laptop Casings

The classic blue-gray aluminum unibody of the MacBook, a perfect balance of warm touch and cool appearance.

📟

E-Ink Screens

The blue-gray base of an e-reader on standby simulates paper texture, making digital reading closer to a physical book.

🎛️

Smart Home

Blue-gray fabric wraps on smart speakers and thermostats, allowing tech devices to blend softly into the home environment.

🖱️

Computer Peripherals

The matte surface of blue-gray keyboards and mice, a desktop aesthetic that is低调 (understated) yet品质 (quality-oriented).

📜 Origin & History

Tele Gray 2 was born in the early 21st century with the popularization of LCD display technology. Unlike the pure black screen of a powered-off CRT TV, early LCD TVs presented a faintly glowing blue-gray when on standby, due to the technical reason that the backlight module couldn't be completely turned off even when dimmed to the darkest setting.

In the 2000s, the boot screens of almost all consumer electronic products used a blue-gray gradient background. From the Windows XP welcome screen to the PlayStation 2 startup animation, Tele Gray 2 defined the aesthetic tone of digital products in that era.

Apple's former design chief, Jonathan Ive, introduced Tele Gray 2 into the aluminum surface treatment of the MacBook. The blue-gray tone, finalized after dozens of anodizing experiments, gave the cold aluminum alloy a warm, skin-like touch.

In contemporary digital minimalist design, Tele Gray 2 is regarded as the ideal color for tech products to摆脱 (break free from) coldness. It has one more layer of breathing blue-green than pure gray, giving electronic devices more visual warmth, making them more approachable and touchable for users.

🧠 Color Psychology

CalmThe blue-gray tone of standby mode puts vision into a low-energy mode, suitable for scenarios requiring prolonged focus.
TechyDeeply associated with LCD screens and metal casings, it is a unique tech-feel color of the digital age.
NeutralThe neither cool nor warm blue-gray tone suits both men and women, a gender-friendly color scheme for digital products.
FocusedThe低调 (low-key) base color that doesn't attract attention helps maintain concentration, an ideal interface color for productivity tools.
ModernAn iconic color of 21st-century consumer electronics, recording the evolution of digital life.
ReliableBacked by the quality of top tech brands like Apple, conveying product trust in both precision and durability.