Color Gray Color Code

HEX

#808080

RGB

rgb(128, 128, 128)

HSL

hsl(0, 0%, 50%)

CMYK

0%, 0%, 0%, 50%

About Color Gray

Gray is a versatile and neutral color that embodies balance and sophistication. It serves as a backdrop that can enhance other colors and is often associated with professionalism and practicality.

Psychology

Gray is known to:

  • Evoke feelings of calmness and relaxation
  • Represent neutrality and detachment
  • Convey a sense of stability and reliability

Usage

This versatile color works well in:

  • Corporate branding and logos for a professional look
  • Interior design to create a modern and minimalist aesthetic
  • Fashion as a timeless and elegant choice
  • Digital interfaces for a clean and sophisticated appearance

Combinations

Gray pairs beautifully with:

  • Bright Yellow ( #F1C40F )
  • Soft Pink ( #F39C12 )
  • Deep Blue ( #2C3E50 )
  • White ( #FFFFFF )

Color Gray shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Color Gray

Complementary

hsl(180, 0%, 50%)

Analogous

hsl(30, 0%, 50%)

Triadic

hsl(120, 0%, 50%)

Color Gray color values and uses

Color Gray is represented here by #808080. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(128, 128, 128); HSL hsl(0, 0%, 50%) describes hue, saturation, and lightness, while CMYK 0%, 0%, 0%, 50% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use color gray alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Color Gray

What is the hex code of Color Gray?

The hex code of Color Gray is #808080.

What is the RGB value of Color Gray?

The RGB value is rgb(128, 128, 128), with red, green, and blue channels shown in that order.

What colors go with Color Gray?

Color Gray can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Color Gray?

The HSL value is hsl(0, 0%, 50%); the approximate CMYK conversion is 0%, 0%, 0%, 50%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors