About Gray
Gray is a timeless and sophisticated color that balances the extremes of black and white. It embodies neutrality and elegance, making it a popular choice in various design fields. Often associated with professionalism and practicality, gray serves as a backdrop that allows other colors to shine.
Psychology
Gray is known to:
- Evoke feelings of calmness and stability
- Promote a sense of balance and neutrality
- Encourage introspection and thoughtfulness
Usage
This versatile color works well in:
- Corporate branding and professional environments
- Modern interior design for a sleek and minimalist look
- Fashion as a foundational color that pairs easily with others
- Digital design for backgrounds and text to ensure readability
Combinations
Gray pairs beautifully with:
- Bright Yellow (
#F9E74E
)
- Deep Blue (
#003B5C
)
- Soft Pink (
#F4C2C2
)
- Rich Burgundy (
#7D2B4D
)
Gray is an essential color in various palettes, providing depth and sophistication while maintaining a sense of calm and neutrality.
Gray color values and uses
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 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 Gray
What is the hex code of Gray?
The hex code of Gray is #808080.
What is the RGB value of Gray?
The RGB value is rgb(128, 128, 128), with red, green, and blue channels shown in that order.
What colors go with Gray?
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 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.