Gray-Purple

The elegant, serene hue of distant mountains in misty rain

HEX#8A7F8A

RGBrgb(138, 127, 138)

HSLhsl(300, 4%, 52%)

HSVhsv(300, 8%, 54%)

CMYKcmyk(0%, 8%, 0%, 46%)

HEXA#8A7F8AFF

RGBArgba(138, 127, 138, 1)

HSLAhsla(300, 4%, 52%, 1)

OKLCHoklch(80.1%, 0.013, 326)

LCHlch(76.7%, 7.9, 248)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#FFFFFFRatio 3.8:1AA Large

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#FFFFFFRatio 3.8:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#E4E2E2Ratio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#BABAB5Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#2A272A

#3A363A

#4A454A

#5A535A

#6A626A

#7A717A

#898089

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#878287

#888188

#898089

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#292829

#393739

#494649

#595459

#696369

#7A717A

#898089

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#878089

#888089

#898089

#898088

#898087

💡 Use Cases

🏢

Office Spaces

Reception or meeting room walls in modern office buildings, creating a professional,冷静 business atmosphere.

👔

Business Attire

Suits, ties, or handbags in gray-purple, suitable for严谨 industries like finance and law.

📱

Digital Products

Gray hues in smartphones or laptops satisfy users' pursuit of technological sophistication and premium feel.

🎨

Graphic Design

Background colors for magazine layouts or brand brochures, highlighting text and images while maintaining cohesive tonality.

📜 Origin & History

Gray-purple commonly appears in nature as distant mountains on overcast days and clouds after rain, regarded in both ancient Eastern and Western cultures as a color of transition and balance.

In Chinese Song dynasty landscape painting, gray-purple was used as the color for 'mist and haze,' employed in Mi Fu's ink plays to connect void and substance, creating a vast,朦胧意境.

In 19th-century Western Impressionism, Monet extensively used gray-purple to depict shadows in his Haystack series, breaking the convention of local color.

In modern color systems, gray-purple is widely used as a neutral color in industrial design, balancing warm and cool visual harmony.

🧠 Color Psychology

SereneThe gray component reduces purple's emotional volatility, blending reason and feeling, leading to a balanced state of mind.

RestrainedUnassuming tones suit low-key social presence, giving an impression of modesty without losing character.

MatureStripped of youthful brightness, it reflects the stability of experience and tolerance for complexity.

RationalIts neutral expression encourages objective thinking, reducing bias and impulsive decisions.

DistantThe lack of warmth may create distance, suitable for professional rather than intimate contexts.

InclusiveAs a background color, gray-purple accommodates various color schemes, reflecting design versatility.

← Back to Explore Colors