Neutrals & tintsMakes grey

What Does Black and White Make?

Black and White mixed evenly make grey — #808080. Black and white carry no hue at all, so an even mix simply splits the difference in lightness: the pure mid grey every neutral ramp is built from.

Black#000000White#FFFFFF
50/50 mixGrey#808080

How the mix changes with the ratio

25% White
50% White
75% White

Values for #808080

Hex
RGBrgb(128, 128, 128)
HSLhsl(0, 0%, 50%)
Contrast on white3.95:1
Contrast on black5.32:1
Closest named colorGray (#808080)

Where this mix works

  • Neutral ramps
  • UI surfaces
  • Print greyscale

More color mixes

Black and White mixed at 50/50 give grey — #808080. Black and white carry no hue at all, so an even mix simply splits the difference in lightness: the pure mid grey every neutral ramp is built from.

Frequently asked questions

Black (#000000) and White (#FFFFFF) make grey — #808080 — when mixed evenly. Weight the mix toward either color and the result travels along the line between them.

Good to know

  • The result is a straight 50/50 blend of #000000 and #FFFFFF in RGB.
  • Black and White can also be mixed at any other ratio in the color mixer.
  • Both source colors have their own page: Black (#000000) and White (#FFFFFF).

Mix your own colors

Blend Black and White at any ratio, build a palette around the result, or check how readable the mix is as text.

From the blog