Noir Fiction

#150811

Cooler ink-gray with neutral bite for contrast

Save
Share

About Noir Fiction

I keep thinking of old film stills where the blacks feel slightly lifted, like the projector's been running too long. Noir Fiction is that dark gray that reads as *intentional* darkness, not a flat step toward blue like , and not the near-black void of .

Compared to , it's not that clean, near-neutral hush. Noir Fiction carries a faint, smoky warmth in the undertone, so it sits a touch more grounded. I use it for noir-like dark UI in publishing systems, ad trafficking platforms, and brand asset portals where you want high contrast without the surface looking ice-cold. It also works well behind timeline editors and newsroom review panes when you're staring at dense text all day.

Pair it with cool grays and crisp off-whites, and it stays readable without turning muddy. If you drop warmer creams next to it, the shadow can start to feel heavier than the rest of your Gray set.

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
19.54:1AAA

On Gray 100 #f5f5f5

Aa
17.92:1AAA

On Gray 900 #18181b

Aa
1.10:1Fail

On Black #000000

Aa
1.07: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

#180614
#130a06
#0c0c0c
#0b0b0b

Create a gradient with Noir Fiction

Open the generator with this color pre-loaded.

Start creating