Gray

HEX #808080 / RGB (128, 128, 128)

Gray colored microphone

What is Gray Color?

Gray (Hex code: 808080) Thumbnail

Gray has the hex code #808080. The equivalent RGB values are (128, 128, 128), which means it is composed of 33% red, 33% green and 33% blue. The CMYK color codes, used in printers, are C:0 M:0 Y:0 K:50. In the HSV/HSB scale, Gray has a hue of 359°, 0% saturation and a brightness value of 50%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

On the RGB wheel, the color Gray is the exactly halfway between black (#000000) and white (#FFFFFF) with hex code #808080. Since it is a web color, you can use it in HTML and CSS code with its name, "Gray" or "Grey", in addition to the hex, RGB, CMYK and HSB values.

Important note #1: Even though the web colors list is derived from the X11 colors list, the two aren't the same. In fact, several colors in the two lists are markedly different. A case in point is gray.
The hexadecimal code of web gray is #808080 while that from the X11 list is #BEBEBE - the latter is significantly lighter.

Important note #2: To complicate things further, this Gray color from the web colors list is actually darker than the Dark Gray from the same list. Be careful when using these colors by name.

Gray Color Codes

Hex Code#808080
RGB Values(128, 128, 128)
CMYK Values(0%, 0%, 0%, 50%)
HSV/HSB Values(359°, 0%, 50%)
Closest Web Safe#999999
Inverse Color#7F7F7F [Gray (HTML/CSS Gray)]
Closest Pantone®416 C
Closest RAL9022 [Pearl light grey]
Complementary Color#808080 [Gray (HTML/CSS Gray)]
Gray Converted to Grayscale Codes
Simple Average#808080
Desaturated#808080
Weighted Average (Most Common)#808080
Weighted Average (Luma)#808080
Weighted Average (Gamma Adjusted)#B6B6B6

Gray Color Palettes

Gray is almost gray. We don't think there is any need to display the color palettes.
Complementary color palette of 808080. Complementary color is 808080

Complementary Palette

The complement of Gray is Gray (HTML/CSS Gray) with the hex code #808080. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #808080 color is offered by #808080. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (808080, 808080 and 808080)

Analogous Palette

The analogous colors of Gray (#808080) are Gray (HTML/CSS Gray) (#808080) and Gray (HTML/CSS Gray) (#808080). In the RGB color wheel, these two analogous colors occur to the right and left of Gray with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (808080, 808080 and 808080)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Gray (#808080) are #808080 (Gray (HTML/CSS Gray)) and #808080 (Gray (HTML/CSS Gray)). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (808080, 808080 and 808080)

Triadic Palette

Gray triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #808080 (Gray (HTML/CSS Gray)) and #808080 (Gray (HTML/CSS Gray)) along with #808080 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (808080, 808080, 808080 and 808080)

Tetradic Palette

The tetradic palette of Gray has four colors - #808080 (Gray (HTML/CSS Gray)), #808080 (Gray (HTML/CSS Gray)) and #808080 (Gray (HTML/CSS Gray)) in addition to the base color (#808080). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (808080, 808080, 808080 and 808080)

Square Palette

Gray square color palette has #808080 (Gray (HTML/CSS Gray)), #808080 (Gray (HTML/CSS Gray)) and #808080 (Gray (HTML/CSS Gray)). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Gray Color Rainbow Palette

Our Gray rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Gray Color

Tints

  • Transparent 999999#999999
  • Transparent A6A6A6#A6A6A6
  • Transparent B3B3B3#B3B3B3
  • Transparent C0C0C0#C0C0C0
  • Transparent CCCCCC#CCCCCC
  • Transparent D9D9D9#D9D9D9
  • Transparent E6E6E6#E6E6E6
  • Transparent F2F2F2#F2F2F2

Tones

  • Transparent 808080#808080
  • Transparent 808080#808080
  • Transparent 808080#808080
  • Transparent 808080#808080
  • Transparent 808080#808080
  • Transparent 808080#808080
  • Transparent 808080#808080
  • Transparent 808080#808080

Shades

  • Transparent 666666#666666
  • Transparent 5A5A5A#5A5A5A
  • Transparent 4D4D4D#4D4D4D
  • Transparent 404040#404040
  • Transparent 333333#333333
  • Transparent 262626#262626
  • Transparent 1A1A1A#1A1A1A
  • Transparent 0D0D0D#0D0D0D

Gray Color Patterns

  • Transparent

    Gray Gingham Checks

  • Transparent

    Gray Vertical Stripes Pattern

  • Transparent

    Gray Polka Dots Pattern

  • Transparent

    Gray Honeycomb Pattern

  • Transparent

    Gray Leaves Pattern

  • Transparent

    Gray Houndstooth Pattern

  • Transparent

    Gray Trellis Pattern

  • Transparent

    Gray Plaid Pattern

Photo credits: pngguru.com