Vampire Black

Meet Vampire Black, #080808. This near-black hue offers a sophisticated alternative to pure black, providing incredible depth for digital interfaces. Its subtle deviation from absolute black gives it a unique character that designers can appreciate for its refined quality.

Vampire Black
#080808
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Vampire Black?

Vampire Black is an extremely dark, near-black shade of gray. It sits just shy of absolute black, giving it a slightly softer appearance on screen.

As a neutral color, it lacks any strong undertones, presenting as a pure, deep charcoal with a cool temperature.

What meaning does the color Vampire Black (#080808) carry in design?

Vampire Black carries the classic symbolism of power, elegance, and mystery. Its name adds a layer of gothic allure, suggesting timelessness and a hint of the forbidden.

Psychologically, this deep black creates a sense of drama and authority, often associated with formality and prestige in the design world.

How can I use Vampire Black in UI design?

Vampire Black, with its #080808 hex code, excels as a sophisticated base for high-contrast designs. Pair it with vibrant, saturated colors to make key interface elements stand out, or use it with muted tones for a more understated and elegant feel. As a background, it provides a softer, less fatiguing alternative to pure black, making it ideal for dark mode UIs.

This nuanced approach is popular among design-centric brands like Squarespace, GitHub, and Coda, who use similar deep blacks to create a premium user experience. Opting for a shade like Vampire Black can signal a high level of design detail and help a product feel more polished.

Use the tools below to explore curated palettes, test your color contrast for accessibility, and preview Vampire Black in real UI components from leading apps.

How do I use the Vampire Black color codes?

While the hex code #080808 is your go-to for web development, working with Vampire Black across different projects requires translating it into other color models. Your print assets and digital screen designs speak different color languages, so having the right code is essential for consistency.

For instance, RGB (Red, Green, Blue) values define colors for digital screens, while CMYK (Cyan, Magenta, Yellow, Key) is the standard for printed materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make color adjustments.

To help you apply Vampire Black in any medium, we’ve converted #080808 into a range of popular formats. Simply find the code you need below and copy it for your project.

Vampire Black Code Conversions

HEX
#080808
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Vampire Black Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Vampire Black, this creates a harmonious and visually pleasing palette with a serene effect.

#123456
#123456
#123456

Complementary

Found on opposite sides of the color wheel, complementary colors produce a vibrant, high-contrast effect when set against a color like Vampire Black.

#123456
#123456

Split Complementary

Split complementary colors for Vampire Black pair it with the two hues adjacent to its opposite, providing strong contrast with less tension.

#123456
#123456
#123456

Triadic

Triadic palettes are built from three hues evenly spaced on the color wheel. For Vampire Black, this method produces a bold, yet harmonious combination.

#123456
#123456
#123456

Tetradic

A tetradic color scheme for Vampire Black uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.

#123456
#123456
#123456
#123456

Square

A square color scheme pairs Vampire Black with three other colors, all evenly spaced on the color wheel for a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Vampire Black Color Variations

Shades

Shades are darker versions of Vampire Black, created by adding black for more depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

By adding white, you can create lighter tints of Vampire Black for a softer feel.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Vampire Black are created by adding gray, resulting in softer, muted versions.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Vampire Black that alter its intensity or temperature for different effects.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Vampire Black?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion