Black Gray

A deep gray approaching pure black, the abyssal heaviness and silence.

HEX#1F1F1F
RGBrgb(31, 31, 31)
HSLhsl(0, 0%, 12%)
HSVhsv(0, 0%, 12%)
CMYKcmyk(0%, 0%, 0%, 88%)
HEXA#1F1F1FFF
RGBArgba(31, 31, 31, 1)
HSLAhsla(0, 0%, 12%, 1)
OKLCHoklch(49.5%, 0, 90)
LCHlch(41.5%, 5, 214)

🎨 Color Palettes

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

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#A8A8A8Ratio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#858585Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#696969Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#4F4F4FRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#0A0A0ACopy
#0D0D0DCopy
#0F0F0FCopy
#141414Copy
#171717Copy
#1C1C1CCopy
#1F1F1FCopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#0A0A0ACopy
#0D0D0DCopy
#0F0F0FCopy
#141414Copy
#171717Copy
#1C1C1CCopy
#1F1F1FCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy
#1F1F1FCopy

💡 Use Cases

📱

Dark Mode

The background color for dark mode interfaces in mobile apps and operating systems, saving power and reducing blue light stimulation at night.

🎸

Rock Aesthetics

The base tone for band album covers and tour posters, using the ultimate dark color to convey rebellion and power.

🚗

Luxury Cars

The Black Gray paint on flagship models from brands like Mercedes-Benz and Rolls-Royce showcases understated, powerful elegance.

🎬

Film Color Grading

The dark film style characteristic of directors like David Fincher, using Black Gray to lay out suspenseful and tense narratives.

📜 Origin & History

Black Gray is one of the earliest pigment colors used by humans. In prehistoric cave paintings, early humans mixed charcoal with animal fat to create Black Gray paint, leaving images of bison and horses in the Lascaux caves in France that span twenty thousand years.

In traditional Chinese ink wash painting, 'burnt ink' (焦墨), one of the 'five colors of ink,' is the ultimate expression of Black Gray. Song Dynasty painter Fan Kuan's 'Travelers Among Mountains and Streams' used burnt ink to outline mountain contours, where Black Gray carries the majesty of the landscape and the painter's inner world.

In 20th-century fashion history, Black Gray transitioned from a mourning color to a high-fashion color. After Chanel introduced the 'little black dress' in 1926, the black-gray tone gradually shed its sad connotations, becoming a fashion statement of elegance and rebellion.

In the digital age, Black Gray has gained new physical significance in OLED screen technology. Since OLED pixels can be completely turned off or operate at low power when displaying Black Gray, this color has become the visual cornerstone of dark mode in tech products.

🧠 Color Psychology

ProfoundA darkness that almost swallows all light, like gazing into an abyss, evoking awe and curiosity about the unknown.
LonelyThe ultimate dark gray creates a sense of isolation from the world, reflecting the modern individual's alienation and desire for solitude.
AuthoritativeThe unquestionable heaviness endows the wearer or user with a strong aura of control and power.
RebelliousA resolute departure from the colorful world, expressing silent resistance against mainstream rules.
IntrospectiveThe dark color, blocking external stimuli, encourages turning attention inward; it is the spatial color for meditation and self-reflection.
UltimateA boundary color that challenges the limits of gray, symbolizing the spiritual pursuit of continuous breakthrough and purity.