#353839
Gray family

Onyx

Also known as: sleek · sophisticated · mysterious · polished · earthy
Save
Hex #353839
RGB rgb(53, 56, 57)
HSL hsl(195°, 4%, 22%)
CMYK 7 · 2 · 0 · 78
RAL RAL 7026 · Granite Grey
NCS S 8000-N

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

Meaning

In Western cultures, onyx symbolizes strength and protection, often linked to resilience and grounding. Conversely, in Eastern traditions, it is considered a stone of balance, promoting harmony and self-control.

The term 'onyx' comes from the Greek word 'onux', meaning 'fingernail', due to the stone's layered appearance reminiscent of a nail. The use of onyx in jewelry dates back to Ancient Egypt, where it was prized as early as 3000 BCE for its beauty and believed powers.

sleeksophisticatedmysteriouspolishedearthy

Similar colors

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

All 27 Grays →

Shades & tints

Nine steps of Onyx by lightness — from #1C1D1E (darkest) to #969898 (lightest). Click any to copy.

-40% #1C1D1E
-30% #222424
-20% #282B2B
-10% #2F3132
BASE #353839
+15% #4D5051
+30% #656869
+50% #7E8080
+70% #969898

Palettes

Curated 5-color combinations featuring Onyx.

#353839
#D1D1D1
#FFFFFF
#7A7A7A
#4B4B4B

Urban Elegance

Modern Minimalism
#353839
#2C3E50
#BDC3C7
#95A5A6
#EAEDED

Nightfall Serenity

Calm Contrast
#353839
#1ABC9C
#34495E
#95A5A6
#F39C12

Mystic Depths

Bold Intrigue

Onyx scale

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

50 #EFEFEF
100 #DBDBDB
200 #B2B3B4
300 #8A8C8C
400 #5F6263
500 #353839
600 #2B2E2F
700 #232526
800 #1B1C1D
900 #121313

Accessibility

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

Aa Best text color: #FFFFFF · 11.82:1
Onyx as text on… Ratio AA AAA
Aa White background 11.82:1 Pass Pass
Aa Black background 1.78: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 #353839

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

CSS color: #353839;
CSS color-mix (lighten 30%) color-mix(in srgb, #353839 70%, white)
HSV / HSB 195°, 7%, 22%
CMYK (print) 7, 2, 0, 78
Decimal 3487801
Nearest web-safe #333333

Color vision

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

Normal vision

#353839

Protanopia (no red)

#363639

Deuteranopia (no green)

#363639

Tritanopia (no blue)

#353939
Jet Black
18 / 27 Grays Raven
Copied!