Black Box

#0f282f

Near-black teal for high-contrast UI panels

Save
Share

About Black Box

Black Box is what happens when you go darker than Beyond the Stars without losing the blue entirely. It's almost purely dark, the kind of shade that sits so close to black you have to look twice to catch the blue underneath. It doesn't announce itself. Beyond the Stars still reads as deliberate blue; this one reads as absence first, color second.

Use it in security dashboards, dark-mode fintech platforms, and high-contrast admin interfaces where you need maximum depth without going full black. It's leaner and colder than , stripped down further than . Pairs hard with white type and bright interactive states, it *needs* that contrast to work. Unlike Beyond the Stars, there's less breathing room here; unlike , there's zero warmth softening the approach.

The trade-off: it can disappear entirely on dark grays and charcoals. Test it against your darkest neutrals before you commit. Works best when it's the darkest element in your palette, the one you reach for when you need a color that feels like it could be black.

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

On Gray 100 #f5f5f5

Aa
14.11:1AAA

On Gray 900 #18181b

Aa
1.15:1Fail

On Black #000000

Aa
1.36: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 Black Box

Open the generator with this color pre-loaded.

Start creating