Lights Out

#3d474b

Softer mid-gray that keeps contrast readable

Save
Share

About Lights Out

I think of Lights Out as the gray you notice because it doesn't try to be friendly. It has that slightly muted, low-saturation feel, but compared to it sits a touch more neutral and a bit more open in lightness, so it doesn't feel as smoky-clenched. And unlike , it avoids that deeper, tighter stone-cool pull. It's still firmly in the dark-gray world, just less "rock" and more "screen-off calm."

This is the one you reach for when you want a primary surface that stays quiet in dashboards and finance apps, especially in data-dense admin UIs where tables, side panels, and dense forms all need to read without the background looking heavy. It also works in healthcare portals and logistics monitoring views where you're layering borders, captions, and status chips over a consistent base.

Pair it with a lighter gray ramp for hierarchy. If you stack it next to , keep to key separators or headings so Lights Out can do its job without getting overpowered.

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

On Gray 100 #f5f5f5

Aa
8.75:1AAA

On Gray 900 #18181b

Aa
1.86:1Fail

On Black #000000

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

Create a gradient with Lights Out

Open the generator with this color pre-loaded.

Start creating