Gray
Meet Gray (#808080), the quintessential neutral. Perfectly balanced between black and white, its striking quality is its ability to support vibrant hues or stand alone with quiet confidence. This foundational color is a staple for creating sophisticated and clean digital interfaces.
Gray Code Conversions
HEX
#808080
LAB
54, 0, 0
RGB
128, 128, 128
XYZ
20.5, 21.6, 23.5
HSL
0°, 0%, 50%
LCH
54, 0, 158°
HSB
0°, 0%, 50%
LUV
54, 0, 0
HWB
0°, 50%, 50%
Gray Color Harmonies
Analogous
For Gray, analogous colors are those found directly beside it on the color wheel. This pairing results in a cohesive and calming palette.
Complementary
Complementary colors are opposites on the color wheel. When paired with a neutral base like Gray, they produce a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Gray uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.
Triadic
A triadic color scheme for Gray involves two additional colors, creating a vibrant, high-contrast palette with hues equally spaced on the color wheel.
Tetradic
A tetradic scheme for Gray uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
The square color scheme pairs Gray with three other equidistant colors on the wheel, offering a vibrant palette with strong, balanced visual contrast.
Gray Contrast Simulation
Gray Color Variations
Shades
Adding black to Gray creates darker shades, introducing a sense of depth and weight.
Tints
Tints are created by adding white to Gray, resulting in lighter, softer variations.
Tones
Adding Gray to any hue creates a tone, producing a softer, less saturated color.
Hues
Hues are variations of Gray that differ in temperature, subtly shifting its mood and feel.
What Interfaces Use Colors Like Gray?
