Medium Gray

A middle gray, neither dark nor light, the doctrine of the mean that balances all things.

HEX#969696

RGBrgb(150, 150, 150)

HSLhsl(0, 0%, 59%)

HSVhsv(0, 0%, 59%)

CMYKcmyk(0%, 0%, 0%, 41%)

HEXA#969696FF

RGBArgba(150, 150, 150, 1)

HSLAhsla(0, 0%, 59%, 1)

OKLCHoklch(83.8%, 0, 90)

LCHlch(81.2%, 8.5, 214)

🎨 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:1AA Large

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

Aa14px Body

Standard Text

#FFFFFFRatio 3:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#FFFFFFRatio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#D4D4D4Ratio 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%

#2E2E2E

#404040

#4F4F4F

#616161

#737373

#858585

#969696

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

#969696

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#2E2E2E

#404040

#4F4F4F

#616161

#737373

#858585

#969696

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

#969696

💡 Use Cases

📐

UI Components

The base color for interface components like button borders and dividers, defining the visual hierarchy of digital products.

🏗️

Architectural Concrete

The natural color presentation of fair-faced concrete walls, where the rough material texture perfectly matches the Medium Gray tone.

👟

Sneakers

The classic 'original gray' colorway of brands like New Balance, an eternal choice that transcends trend cycles.

📊

Data Charts

The default gridline color in tools like Excel and Tableau, making data reading more comfortable and efficient.

📜 Origin & History

Medium Gray sits exactly in the middle between black and white, the golden mean of the gray scale. In 19th-century photochemical experiments, Medium Gray became the reference tone for determining film sensitivity, directly influencing the image aesthetics of the entire silver halide era.

The Bauhaus design school incorporated Medium Gray into its basic color teaching system. In Johannes Itten's color theory course, Medium Gray was considered the representative neutral color; students had to practice mixing it to understand the warm/cool tendencies and visual balancing function of grays.

In the post-war International Typographic Style of graphic design, Medium Gray was extensively used as a grid background color. In the posters of Swiss designer Josef Müller-Brockmann, Medium Gray served the core function of organizing information hierarchy, becoming an aesthetic symbol of rational design.

In China's urban architecture after the Reform and Opening-up, Medium Gray was chosen as the uniform wall color for Beijing's hutongs and Shanghai's lilongs. This understated tone found a balance between preserving historical character and adapting to modern aesthetics.

🧠 Color Psychology

ModerateThe central position, neither leaning left nor right, echoes the Confucian doctrine of the mean; it is a color scheme for balancing conflicts.

RationalA neutral stance devoid of emotional color, suitable for scenarios requiring calm analysis and objective judgment.

PragmaticThe choice to forgo extreme black or white reflects a down-to-earth, non-extremist realistic spirit.

OrdinaryThe most common gray tone, requiring no special attention, coinciding with the aesthetic of mass accessibility and everyday life.

OrderlyAs a base color for grids and borders, Medium Gray establishes clear organizational structures for chaotic visual information.

AdaptableIts strong adaptability, changing visual perception according to the environment, embodies flexible and pragmatic wisdom for survival.

← Back to Explore Colors