#343434
Gray family

Jet

Also known as: sophisticated · deep · elegant · mysterious · rich
Save
Hex #343434
RGB rgb(52, 52, 52)
HSL hsl(0°, 0%, 20%)
CMYK 0 · 0 · 0 · 80
RAL RAL 7026 · Granite Grey
NCS S 8000-N

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

Meaning

In fashion, jet symbolizes elegance and sophistication, often worn during mourning in Victorian-era England. While it signifies power and authority in Western cultures, in some Eastern traditions, it is used in protective amulets against negative energies.

The term 'jet' derives from the Latin 'jettus', referring to the material from which it is made, lignite. This color gained prominence in the 19th century, particularly in the 1860s, when Queen Victoria popularized jet jewelry as a mourning symbol after the death of her husband, Prince Albert.

sophisticateddeepelegantmysteriousrich

Similar colors

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

All 27 Grays →

Shades & tints

Nine steps of Jet by lightness — from #1B1B1B (darkest) to #959595 (lightest). Click any to copy.

-40% #1B1B1B
-30% #212121
-20% #282828
-10% #2E2E2E
BASE #343434
+15% #4C4C4C
+30% #656565
+50% #7D7D7D
+70% #959595

Palettes

Curated 5-color combinations featuring Jet.

#343434
#FFD700
#FFFFFF
#8B0000
#556B2F

Elegant Night

Luxurious Contrast
#343434
#A9A9A9
#F5F5F5
#800080
#FF4500

Urban Chic

Modern Edge
#343434
#2F4F4F
#D3D3D3
#6A5ACD
#FF6347

Mystic Forest

Natural Depth

Jet scale

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

50 #EFEFEF
100 #DADADA
200 #B2B2B2
300 #898989
400 #5F5F5F
500 #343434
600 #2B2B2B
700 #222222
800 #1A1A1A
900 #121212

Accessibility

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

Aa Best text color: #FFFFFF · 12.45:1
Jet as text on… Ratio AA AAA
Aa White background 12.45:1 Pass Pass
Aa Black background 1.69: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 #343434

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

CSS color: #343434;
CSS color-mix (lighten 30%) color-mix(in srgb, #343434 70%, white)
HSV / HSB 0°, 0%, 20%
CMYK (print) 0, 0, 0, 80
Decimal 3421236
Nearest web-safe #333333

Color vision

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

Normal vision

#343434

Protanopia (no red)

#343434

Deuteranopia (no green)

#343434

Tritanopia (no blue)

#343434
Warm Gray
15 / 27 Grays Black
Copied!