Black Grey

Meet Black Grey (#2E3234), a deep charcoal that offers a sophisticated alternative to pure black. Its subtle warmth and near-black depth provide a solid foundation for interfaces, giving designs a grounded yet approachable feel without the harshness of absolute black.

Black Grey
#2E3234
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Black Grey?

Black Grey (#2E3234) is a profound dark grey, sitting just a few steps away from absolute black.

It possesses a distinct cool temperature, characterized by subtle blue and green undertones that give it a composed depth.

What is the meaning of the color Black Grey (#2E3234)?

Black Grey, or #2E3234, embodies a sense of stability and quiet authority.

It offers the gravity of black without its severity, creating a mood of modern sophistication and dependable strength.

How do I use Black Grey in UI design?

Black Grey (#2E3234) excels at creating sharp contrast, making it a solid choice for primary text or as a deep, grounding background. It pairs effectively with both vibrant accent colors for a striking effect and a spectrum of muted tones for a more subtle, professional appearance.

Shades like Black Grey appear in the branding of companies such as Givingli, Grain, ClickUp, and USA TODAY, often chosen to communicate stability and focus.

Explore curated palettes, check your color contrast for accessibility, and see how Black Grey performs in real UI components from top brands using the tools below.

How do I use the Black Grey color codes?

To properly apply Black Grey, it's important to use the correct color code for your specific project. While #2E3234 is the standard for web design, its representation changes for different media, like print.

Each color model serves a distinct purpose. RGB values are for digital screens, mixing red, green, and blue light to produce color. For print, you'll need the CMYK values, which are based on ink mixing. Other models like HSL offer a more intuitive way to modify color by adjusting its hue, saturation, and lightness.

We've converted Black Grey (#2E3234) into a range of popular formats for you. You can find and copy the exact codes you need for your work below.

Black Grey Code Conversions

HEX
#2E3234
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

Black Grey Color Harmonies

Analogous

By selecting colors adjacent to Black Grey on the color wheel, you create an analogous scheme. This combination produces a unified and tranquil visual experience.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Black Grey, they create a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

For a more nuanced harmony, a split complementary palette pairs Black Grey with the two colors neighboring its direct opposite on the color wheel.

#123456
#123456
#123456

Triadic

A triadic scheme pairs Black Grey with two other colors, all positioned evenly on the color wheel for a balanced, high-contrast effect.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Black Grey involves two complementary color pairs, creating a balanced yet visually rich palette from a rectangular color wheel selection.

#123456
#123456
#123456
#123456

Square

Square color schemes pair Black Grey with three other colors, all equidistant on the color wheel, creating a palette with rich, balanced contrast.

#123456
#123456
#123456
#123456

Black Grey Color Variations

Shades

By adding black to Black Grey, you create its shades for added 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

Tints of Black Grey are lighter values made by adding white, introducing a softer quality.

#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 Black Grey are created by adding gray, resulting in softer, more muted variations.

#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 Black Grey, differing in intensity or temperature to create distinct moods.

#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 Black Grey?

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