#1B1B1B
Gray family

Obsidian

Also known as: mysterious · elegant · deep · glossy · introspective
Save
Hex #1B1B1B
RGB rgb(27, 27, 27)
HSL hsl(0°, 0%, 11%)
CMYK 0 · 0 · 0 · 89
RAL RAL 9011 · Graphite Black
NCS S 9000-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In many indigenous cultures, obsidian is believed to have protective properties and is often used in rituals. While it signifies strength and resilience in Western contexts, in some Eastern traditions, it may represent introspection and the inner journey.

The term 'obsidian' originates from the Latin 'obsidianus', named after a Roman named Obsius who was said to have discovered the stone in Ethiopia around 100 AD. Throughout history, obsidian has been used to craft tools and weapons, with its sharp edges making it highly prized by ancient civilizations.

mysteriouselegantdeepglossyintrospective

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Obsidian. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Grays →

Shades & tints

Nine steps of Obsidian by lightness — from #0E0E0E (darkest) to #888888 (lightest). Click any to copy.

-40% #0E0E0E
-30% #111111
-20% #151515
-10% #181818
BASE #1B1B1B
+15% #363636
+30% #525252
+50% #6D6D6D
+70% #888888

Palettes

Curated 5-color combinations featuring Obsidian.

#1B1B1B
#4A4A4A
#FFFFFF
#A3A3A3
#D9D9D9

Midnight Serenity

Calm elegance
#1B1B1B
#FF5733
#888888
#FFC300
#C70039

Volcanic Contrast

Bold impact
#1B1B1B
#2C2C2C
#F0F0F0
#7D7D7D
#BDBDBD

Urban Shadow

Modern sophistication

Obsidian scale

A 50–900 tonal scale with Obsidian anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EDEDED
100 #D6D6D6
200 #A8A8A8
300 #7B7B7B
400 #4B4B4B
500 #1B1B1B
600 #161616
700 #121212
800 #0E0E0E
900 #090909

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 17.22:1
Obsidian as text on… Ratio AA AAA
Aa White background 17.22:1 Pass Pass
Aa Black background 1.22:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #1B1B1B

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #1B1B1B;
CSS color-mix (lighten 30%) color-mix(in srgb, #1B1B1B 70%, white)
HSV / HSB 0°, 0%, 11%
CMYK (print) 0, 0, 0, 89
Decimal 1776411
Nearest web-safe #333333

Color vision

How Obsidian appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#1B1B1B

Protanopia (no red)

#1B1B1B

Deuteranopia (no green)

#1B1B1B

Tritanopia (no blue)

#1B1B1B
Raven
20 / 27 Grays Gainsboro
Copied!