THE NEUTRAL REFERENCE
Grey Hex Code
#808080
A focused workspace for the standard grey color, extended neutral shades, CSS-ready values, palette decisions and accessible contrast.
- RGB
- 128, 128, 128
- HSL
- 0°, 0%, 50%
- CSS
- grey / gray
#181818
#808080
#D9D9D9
#F4F4F2
50%neutral lightness
REFERENCE VALUE
Grey at a glance
The familiar middle grey uses equal RGB channels, so it has no visible hue bias. Copy the format that fits your workflow.
#808080
SHADE LIBRARY
Start with useful greys
WHY GREY WORKS
Neutral does not mean inactive.
Grey is one of the most flexible colors in interface and visual design because it can organize information without demanding attention. Light greys separate surfaces, middle greys support secondary content, and deep greys can replace pure black when a softer reading experience is preferred.
The useful question is not “which grey is best?” but “what role should this grey perform?” A deliberate neutral system assigns values to text, surfaces, borders, states and depth instead of collecting many nearly identical swatches.
NEUTRAL DIRECTIONS
Grey families are not all the same
Compare undertones before committing to a system.
Cool grey
Blue-leaning neutrals can feel crisp, technical and precise.
Warm grey
Subtle red and yellow influence creates a grounded, tactile neutral.
True neutral
Equal RGB channels make a clean reference point with no hue bias.
PRACTICAL TOOLS
Measure before you choose.
Convert values, compare contrast, and assemble gradients without leaving the site.
LEARN THE SYSTEM
Grey guides for real design work
01Read →02Read →03Read →04Read →
Grey Hex Code Explained: #808080 in Design and CSS
Understand the standard grey hex code, its RGB and HSL equivalents, browser behavior, and where a middle neutral works best.
How to Build a Grey Color Palette That Feels Intentional
Create a useful grey scale for interfaces, brands, charts, and layouts without filling a design system with indistinguishable neutral values.
Grey Shades for UI Design: Surfaces, Text, Borders, and States
A practical framework for assigning grey shades to interface layers while preserving hierarchy, clarity, and accessibility.
Warm Grey vs Cool Grey: How Undertones Change a Neutral Palette
Learn how subtle undertones affect the mood, compatibility, and practical use of grey in digital and brand design.
ONE VALUE TO REMEMBER
#808080
The standard Grey Hex Code, ready for CSS.