OLED & DarkColor Utility
Material Dark Background
HEX Code
#121212
RGB Values
rgb(18, 18, 18)
HSL Profile
hsl(0, 0%, 7%)
OLED Suitability
OLED Ready
Lossless Wallpaper ExportZero Compression
CSS Background Code
background-color: #121212; color: #ffffff;
Explore More Colors
All Colors →Related Color Palettes
Base de Connaissances
Foire Aux Questions
Why does Google Material Design recommend #121212 instead of #000000?
#121212 reduces contrast harshness against white text, supports multi-layer surface elevation shadows, and completely eliminates OLED black smearing during fast scrolling.
What is OLED black smearing and how does #121212 prevent it?
OLED pixels take slightly longer to switch from completely OFF (0 nits) to ON than between low-luminance states. #121212 keeps pixels barely active, eliminating purple ghosting trails.
Does #121212 still save battery on mobile devices?
Yes! #121212 uses less than 10% of the energy of a white screen, providing nearly identical battery savings to pure black while being significantly gentler on human eyes.
Can I copy the CSS code for dark mode UI?
Yes, click 'Copy CSS' in our developer studio below to get `background-color: #121212; color: #ffffff;` instantly.