Jet Black

#353337

Richer neutral near-black, warmer than Coal Hard Truth

Save
Share

About Jet Black

Jet Black looks like a cut of ink on a dark display, but it doesn't collapse into that flat, void feel you get from the closest near-black. Compared to 's truly neutral baseline, this one has a subtle gray bite, so it still shows tiny separations in dense UI layers instead of reading like an unbroken smear.

The difference you'll notice most is the undertone. Jet Black stays cool and restrained, with a faint charcoal warmth pulled back so it never turns violet the way can. That makes it my go-to when you want contrast that feels grounded without getting heavy, especially in editorial and production dashboards, audio post timelines, and interface areas where you're staring at waveform labels and panels for hours. It also plays well in analytics and log viewers where you need backgrounds to recede, not disappear.

One practical note: on very glossy surfaces, check for slight tone shifts against your whites. Pair it with clean cool text and you'll keep the mood tight, not smoky.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
12.50:1AAA

On Gray 100 #f5f5f5

Aa
11.46:1AAA

On Gray 900 #18181b

Aa
1.42:1Fail

On Black #000000

Aa
1.68:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#313337
#333333
#313330
#3c3535

Create a gradient with Jet Black

Open the generator with this color pre-loaded.

Start creating