Skip to content

Grey Color Code: HEX #808080 and RGB Code Values

Looking for specific grey color codes? Get the exact grey hex code (#808080) and grey RGB code (rgb(128,128,128)). Complete color information for design and development projects.

Visual example of the classic grey color with hex code #808080
HEX#808080
RGBrgb(128,128,128)

Understanding Grey: The Color of Neutrality and Balance

Grey is a neutral color created by mixing black and white. It's a color of balance, sophistication, and understated elegance. Grey has played an important role in art, design, and everyday life.

The Science of Grey

Grey sits between black and white on the color spectrum. In the RGB model, grey is achieved by setting all three channels (red, green, blue) to the same value. Grey can range from near-white to near-black, with infinite variations in between.

Cultural Significance of Grey

Grey carries diverse symbolism across cultures:

  • Western Cultures: Grey represents neutrality, balance, and sophistication. It's the color of professionalism and modern design.
  • Ancient Cultures: Grey was associated with wisdom and aging.
  • Modern Culture: Grey represents minimalism, sophistication, and urbanity.
  • Symbolism: Grey often represents uncertainty ("grey area") and compromise.

Grey in Nature

Grey appears in many natural forms:

  • Stone: Granite, slate, and rocks in various shades of grey
  • Clouds: Storm clouds and overcast skies
  • Animals: Wolves, elephants, and birds in grey tones
  • Metal: Silver, steel, and other grey metals
  • Mist and Fog: Grey mist creating atmospheric effects
  • Wood: Weathered wood in grey tones

Shades of Grey

Create custom shades of grey with our color generator. Adjust hues, tints, and tones to find the perfect shade of grey for your project.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 808080
    rgb(128, 128, 128)

Grey Palette

Explore curated and automatically generated color palettes featuring grey. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#3498DB
Complementary
#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34

Tetradic

Two pairs of complementary colors

4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34

Split Complementary

Complementary colors ±30°

3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34

Cyclic

Circular gradient for periodic data

8 colors
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB

Common Grey Color Codes (HEX & RGB)

HEX:#808080
RGB:rgb(128, 128, 128)
HEX:#C0C0C0
RGB:rgb(192,192,192)
HEX:#A9A9A9
RGB:rgb(169, 169, 169)

Extract Grey Hex & RGB Codes from Image

Upload a photo to find the exact grey HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Grey Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)

Grey Color Psychology

Grey has subtle psychological effects:

Positive Associations

  • Neutrality and balance: Middle ground, compromise
  • Sophistication and elegance: Timeless, refined
  • Professionalism and authority: Business, corporate
  • Calm and serenity: Peaceful, tranquil
  • Modernity and minimalism: Contemporary, sleek

Negative Associations

  • Depression and sadness: "Feeling grey"
  • Boredom and dullness: Grey can feel lifeless
  • Ambiguity and uncertainty: "Grey area"
  • Lack of emotion: Grey can feel cold and unemotional

Psychological Effects

  • Grey creates feelings of calm and neutrality
  • It provides a sophisticated backdrop for other colors
  • Grey promotes objectivity and rational thinking
  • It's associated with professionalism and authority

Using Grey in Design

Grey is a versatile color that adds sophistication to designs:

Web Design

  • Grey is great for creating modern, minimalist websites
  • Use lighter greys for backgrounds to create depth
  • Darker greys convey professionalism and authority
  • Grey works well with any accent color

Graphic Design

  • Grey is perfect for creating sophisticated designs
  • Use grey for text to create hierarchy
  • Monochromatic grey schemes create depth and elegance
  • Grey is excellent for corporate identity and professional designs

Branding

  • Tech companies use grey for modernity (Apple, Samsung)
  • Fashion brands use grey for sophistication (Armani, Calvin Klein)
  • Corporate brands use grey for professionalism
  • Grey represents neutrality and balance

Interior Design

  • Grey creates sophisticated, modern spaces
  • Light greys make rooms feel bright and airy
  • Dark greys add depth and drama
  • Grey pairs beautifully with any accent color

Grey Color Harmonies

Grey pairs beautifully with many colors:

Complementary

  • Grey with any vibrant color creates sophisticated contrast

Analogous

  • Grey with white, black, and other neutrals creates harmony

Triadic

  • Grey serves as a neutral in any triadic scheme

Monochromatic

  • Various shades of grey create depth and sophistication

Split Complementary

  • Grey provides balance in any color scheme

Grey in Fashion

Grey is a timeless color in fashion:

  • Light grey: Fresh, modern, versatile
  • Medium grey: Sophisticated, professional, timeless
  • Dark grey: Elegant, formal, refined
  • Charcoal: Deep, rich, dramatic
  • Silver: Metallic, glamorous, luxurious

Grey Color Variations

Our comprehensive collection includes:

  • Light Greys: Silver, Platinum, Dove Grey
  • Mid Greys: Grey, Steel Grey, Nickel
  • Dark Greys: Charcoal, Graphite, Slate
  • Cool Greys: Blue Grey, Steel, Ash
  • Warm Greys: Taupe, Stone, Sand Grey
  • Muted Greys: Fog, Mist, Smoke

Frequently Asked Questions

What is the hex code for pure grey?

The hex code for pure grey is #808080.

What are the RGB values for grey?

Grey RGB values are rgb(128, 128, 128).

What colors complement grey?

Grey complements all colors. It works especially well with bold, vibrant accent colors.

Is grey a warm or cool color?

Grey can be both warm (with yellow/brown undertones) or cool (with blue undertones).

What does grey symbolize?

Grey symbolizes neutrality, balance, sophistication, and professionalism.

How do I create different shades of grey?

Add white for lighter greys, add black for darker greys, and add other colors for different undertones.