Black Magic
Presenting Black Magic (#323132), a compelling off-black shade. Its character comes from being just shy of pure black, offering a rich, charcoal depth that provides nuance and sophistication to any palette without the starkness of absolute zero.
What color is Black Magic?
Black Magic is a deep, soft charcoal. As an off-black, it sidesteps the stark intensity of a pure, absolute black.
It has a cool temperature and an exceptionally subtle purple undertone, giving the color a quiet complexity not found in true blacks.
What meaning does the color Black Magic (#323132) convey in design?
Drawing from black's historical association with authority and formality, Black Magic offers a similar sense of power and elegance.
Psychologically, it evokes mystery and sophistication, but its softer charcoal nature feels more modern and grounded than a stark, absolute black.
How can I effectively use Black Magic in my UI design?
In UI design, Black Magic works exceptionally well for creating strong visual hierarchy. Use #323132 for body text or icons against a light background to ensure readability. For a more minimalist and sophisticated feel, pair it with a palette of muted tones and other neutrals. Alternatively, use it as a grounding base for a single, bright accent color to guide the user's attention to key actions.
This deep charcoal is a frequent choice for brands that want to project a modern and focused aesthetic. Companies such as Givingli, Grain, Slite, and Resy use similar dark shades in their interfaces to build a clean backdrop that allows the primary content and imagery to take center stage.
Explore the tools below to see Black Magic in action. You can browse curated palettes, test color contrast for accessibility, and preview how #323132 appears in the actual UI components of leading brands.
How do I use the Black Magic color codes?
While the hex code #323132 is standard for web development, applying Black Magic across different media requires translating it into other color models. Each model serves a distinct purpose, from digital displays to physical print.
For instance, RGB values are essential for screen-based projects, as they define color through light. CMYK is the go-to for printing, specifying ink combinations, while HSL offers a more intuitive way to adjust hue, saturation, and lightness during the design process.
To help you apply Black Magic in any project, we've converted #323132 into a variety of common formats. You can find and copy the exact codes you need below.
Analogous
Analogous colors are neighbors on the color wheel. When paired with Black Magic, they create a harmonious and tranquil visual experience for users.
Complementary
A complementary color for Black Magic is found directly opposite it on the color wheel, creating a high-contrast pairing that appears exceptionally vibrant.
Split Complementary
A split complementary palette for Black Magic takes the two colors on either side of its complement, creating a dynamic look with less tension.
Triadic
A triadic scheme pairs Black Magic with two other colors, equally spaced on the color wheel, for a vibrant and harmonious high-contrast effect.
Tetradic
A tetradic color scheme for Black Magic uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
The square scheme pairs Black Magic with three other colors, all equidistant on the color wheel, for a balanced yet highly contrasting visual effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Black Magic are darker versions created by adding black for more depth and weight.
Tints
Tints are lighter versions of Black Magic, created by adding white for a softer effect.
Tones
Tones are muted versions of Black Magic, created by adding gray to soften the color’s saturation.
Hues
Hues are variations of Black Magic, offering different intensities and temperatures for your designs.
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.

































































































































