Tele Gray 4

The extremely light grayish-white of a high-definition screen, the pure base color of the pixel world.

HEX#CFD0CF
RGBrgb(207, 208, 207)
HSLhsl(120, 1%, 81%)
HSVhsv(120, 0%, 82%)
CMYKcmyk(0%, 0%, 0%, 18%)
HEXA#CFD0CFFF
RGBArgba(207, 208, 207, 1)
HSLAhsla(120, 1%, 81%, 1)
OKLCHoklch(93.4%, 0.001, 146)
LCHlch(92.3%, 9.6, 213)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#CFCFCE
Copy
#CFD0CF
Copy
#CECFCF
Triadic3 hues spaced 120° apart
Copy
#CFD0CF
Copy
#CECECF
Copy
#CFCECE
Split ComplementaryMain color + colors adjacent to its complement
Copy
#CFD0CF
Copy
#CFCECF
Copy
#CFCECF
Complementary2 hues spaced 180° apart
Copy
#CFD0CF
Copy
#CFCECF
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#CFD0CF
Copy
#CECFCF
Copy
#CFCECF
Copy
#CFCFCE
MonochromaticSingle hue with varying saturation and lightness
Copy
#686A68
Copy
#9B9D9B
Copy
#CFD0CF
Copy
#FFFFFF
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#3D3E3DRatio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#585A59Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#747676Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#939395Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#3D3E3DCopy
#565856Copy
#6D6F6DCopy
#868886Copy
#9D9F9DCopy
#B7B8B7Copy
#CECFCECopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#CFCFCFCopy
#CECFCECopy
#CECFCECopy
#CECFCECopy
#CECFCECopy
#CECFCECopy
#CECFCECopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#3D3D3DCopy
#575757Copy
#6D6F6DCopy
#868886Copy
#9D9F9DCopy
#B7B8B7Copy
#CECFCECopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#CECFCECopy
#CECFCECopy
#CECFCECopy
#CECFCECopy
#CECFCECopy
#CECFCECopy
#CECFCECopy

💡 Use Cases

📺

HDR Subtitles

Subtitles on platforms like Netflix default to Tele Gray 4, more comfortable than pure white and not disrupting the HDR picture atmosphere.

🎨

AI Creation

The default background removal底色 (base color) for AI image generation tools, providing a neutral starting point for secondary creation.

📱

Reading Mode

The eye-protection reading background for e-book apps, simulating the reading experience of slightly grayed, high-quality paper.

🖼️

Digital Photo Frames

The border and background color of digital photo albums, making photos the visual focal point against the pure light gray.

📜 Origin & History

Tele Gray 4 is a product of the high-definition digital television era. To render richer highlight details, 4K and 8K screens changed previously pure white subtitles and interface elements to an extremely light gray, preventing screen老化 (aging) and user visual fatigue caused by prolonged display of high-brightness pixels.

The popularization of HDR display technology further increased the importance of Tele Gray 4. In HDR standards like Dolby Vision, Tele Gray 4 is used as the base color for interface overlays, ensuring information readability without disrupting the image's original light and shadow atmosphere.

In the UI design specifications of streaming platforms, both Netflix and Disney+ designate Tele Gray 4 as the default color for subtitles and menus. Designers found that pure white subtitles were too glaring in dark scenes, while Tele Gray 4 provides a more comfortable viewing experience.

In the current AI image generation field, Tele Gray 4 is often used as the default base color after background removal in image-to-image modes. This tone, close to white paper but slightly grayer, reserves sufficient brightness headroom for二次 (secondary) creation, becoming a foundational color in AI creative workflows.

🧠 Color Psychology

PureThe extremely light gray, close to pure white, retains a touch of灰度 (grayness), as clean and fresh as a newly washed white shirt.
ComfortableA screen color that is more eye-friendly than pure white, a humanized design that doesn't easily cause fatigue even with prolonged viewing.
OpenA light gray near a blank canvas reserves maximal creative space, suitable as the initial background for creative work.
DelicateThe grayness subtly separated from pure white requires careful discernment to notice, cultivating sensitivity to detail.
OrderlyThe unified subtitle color specification of streaming platforms establishes viewing order in the least intrusive way.
FuturisticA底层 (foundational) color in the HDR and AI age,预示 (foreshadowing) the possibilities of continuously evolving visual technology.