Gray-Black

A cool black blended with gray tones, soft yet mysteriously unpredictable

HEX#2F2F2F
RGBrgb(47, 47, 47)
HSLhsl(0, 0%, 18%)
HSVhsv(0, 0%, 18%)
CMYKcmyk(0%, 0%, 0%, 82%)
HEXA#2F2F2FFF
RGBArgba(47, 47, 47, 1)
HSLAhsla(0, 0%, 18%, 1)
OKLCHoklch(56.9%, 0, 90)
LCHlch(50%, 5.8, 214)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#2E2E2E
Copy
#2F2F2F
Copy
#2E2E2E
Triadic3 hues spaced 120° apart
Copy
#2F2F2F
Copy
#2E2E2E
Copy
#2E2E2E
Split ComplementaryMain color + colors adjacent to its complement
Copy
#2F2F2F
Copy
#2E2E2E
Copy
#2E2E2E
Complementary2 hues spaced 180° apart
Copy
#2F2F2F
Copy
#2E2E2E
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#2F2F2F
Copy
#2E2E2E
Copy
#2E2E2E
Copy
#2E2E2E
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#000000
Copy
#2F2F2F
Copy
#616161
Copy
#949494

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#BABABARatio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#969696Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#787878Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#5C5C5CRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#1A1A1ACopy
#1A1A1ACopy
#1A1A1ACopy
#2E2E2ECopy
#474747Copy
#616161Copy
#7A7A7ACopy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#322929Copy
#322929Copy
#322929Copy
#322929Copy
#322929Copy
#372525Copy
#3C2020Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#2C2121Copy
#2C2121Copy
#2C2121Copy
#322525Copy
#493636Copy
#614848Copy
#795858Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#2E2E2ECopy
#2E2E2ECopy
#2E2E2ECopy
#2E2E2ECopy
#2E2E2ECopy
#2E2E2ECopy
#2E2E2ECopy

💡 Use Cases

🖥️

Dark Mode

The standard for software UI night mode. Avoiding the harsh contrast of pure black, a gray-black background maintains comfort in low-light environments, making code and text appear to float in the void.

🎸

Rock Merchandise

Top choice background for band T-shirts and vinyl record covers. The noise-like grain of gray-black perfectly echoes the distorted sound of an electric guitar, filling visuals with gritty rhythm.

📸

Studio Backdrop

In commercial photography, gray-black background paper 'swallows' stray ambient light. Compared to pure black, it better preserves the subject's contour details, offering a more high-end matte feel.

🕯️

Dark Home Decor

Gray-black wall paint paired with mid-century brass lamps creates a Gothic sanctuary. In flickering candlelight, textures in the shadows appear and disappear, full of dramatic tension.

📜 Origin & History

In Western dress codes, gray-black is often considered another extreme dark color besides 'Midnight Blue.' In the 19th century, Queen Victoria's mourning dress standardized black for bereavement etiquette, while men's tailcoats gradually evolved into gray-black. This color, with its dark luster shifting under candlelight, became the absolute protagonist of nocturnal social events, representing understated desire and intricate etiquette.

The prevalence of Gothic art endowed gray-black with a morbid aesthetic soul. From the towering spire shadows of Gothic cathedrals to the moorland nights in 19th-century literature like 'Dracula' or 'Wuthering Heights,' gray-black ceased to be just a color; it became a composite of horror, romance, and supernatural forces, an emotional outlet for escaping rational constraints.

In the mid-20th-century New York School, Abstract Expressionist painters like Franz Kline and Robert Motherwell used huge brushes dipped in gray-black paint to vent on canvas. Gray-black at this time was a battleground for the subconscious and existentialism, recording the artist's physical motion and the pathos of war trauma, representing an uncompromising avant-garde will.

By the late 1970s, with the explosion of punk rock, black leather jackets and ripped gray-black T-shirts became banners of rebellion. Bands like the Ramones and the Sex Pistols armed themselves with this dark color. Gray-black no longer belonged to aristocratic soirées but to the sweat-drenched youth in underground clubs. It was a fierce cry of anarchism, restlessness, and raw vitality.

In the digital era, developers favor using dark mode in code editors because a gray-black background (near #2F2F2F) is most eye-friendly on RGB luminous screens. It created a Matrix-like geek cultural image: in a pitch-black deep pool, the fluorescent glowing code characters seem like magic manipulating the world, deep and full of a sense of control.

🧠 Color Psychology

Mysterious and DeepMore obscure than pure black, like the depths of a forest impervious to moonlight. It stimulates not simple fear, but a strong desire to explore the unknown.
Flexible FortitudeMixed with gray, it loses pure black's absolute starkness, gaining instead a sense of elasticity and resilience. It symbolizes an indomitable yet adaptable fortitude.
Nocturnal ProtectionThis is a protective color for the night, possessing excellent camouflage. Wearing gray-black provides psychological security, like donning an invisibility cloak that blends into the shadows.
Cool AloofnessCarries a heavy-metal sense that keeps people at a distance. Gray-black inherently has a 'Do Not Disturb' filter, sculpting an image of independence, self-containment, and disdain for following the crowd.
Emotion-SwallowingIt is an emotional black hole. All anxiety and colorfulness are absorbed, leaving absolute silence, helping one quickly recover inner peace from a complex external environment.
Avant-Garde and SubversivePossesses a strong spirit of rebellion and experimentation. In creative fields, gray-black represents the courage to break rules and reshuffle the deck, the most favored backdrop for the avant-garde.