Gray

Hex Code, Palettes & Meaning

Gray

Gray (#898989) strikes the perfect balance between black and white, creating a versatile neutral that serves as design's unsung hero. This mid-tone gray embodies sophistication and professionalism, making it a cornerstone of modern UI/UX design and brand identities.

In digital interfaces, gray excels as a background color that doesn't compete with content, allowing other elements to shine. Major brands leverage gray's psychological associations with reliability, neutrality, and timeless elegance. Apple's strategic use of gray alongside white creates their signature minimalist aesthetic, conveying innovation and premium quality.

From a color psychology perspective, gray represents impartiality and balance. It evokes feelings of security and calmness without the starkness of pure white or the weight of black. However, designers should use gray thoughtfully—while lighter grays create airiness and sophistication, excessive use can render designs uninspiring.

Gray pairs beautifully with virtually any color. Try combining it with cool gray for monochromatic schemes, blue-gray for professional layouts, or burnt sienna for warm, earthy contrasts. In accessibility-focused design, this particular shade offers excellent readability when paired with proper contrast ratios.

Whether you're designing a corporate website, mobile app, or brand identity, gray #898989 provides the perfect foundation—neutral enough to support bold accent colors, yet sophisticated enough to stand alone.

Images with Gray color

47249391007458274810852893512168850414553489854748746074455516512868016691286591220180651635920570383112134746872

Color Palettes

Complementary

#898989
#8A8A8A

Split

#898989
#8A8A8A
#8A8A8A

Monochromatic

#898989
#575757
#BDBDBD

Analogous

#898989
#8A8A8A
#8A8A8A

Triadic

#898989
#8A8A8A
#8A8A8A

Gray

Hex

#898989

RGB

137,137,137

HSB

0, 0%, 54%

HSL

0, 0%, 54%

Color Values

Color encyclopedia, tools, and more.

© Copyright 2025 All Rights Reserved