Obsidian Stone
Meet Obsidian Stone (#2E3134), a deep charcoal that offers a sophisticated alternative to pure black. Its near-black quality provides a solid foundation, while subtle cool undertones give it a distinct character that stands out in any digital palette, making it a versatile choice for interfaces.
What color is Obsidian Stone?
Obsidian Stone is a profound, near-black charcoal grey.
It carries a distinct cool temperature, with subtle blue undertones that create a sophisticated, steely appearance.
What is the meaning of the color Obsidian Stone (#2E3134)?
The color Obsidian Stone, #2E3134, represents strength, protection, and a deep-seated sophistication. It's a grounding color that symbolizes stability and clarity, drawing its meaning from the protective qualities historically attributed to the volcanic glass.
Psychologically, this near-black hue evokes a sense of authority, elegance, and mystery. It communicates seriousness and power, making it a classic choice for conveying formality and substance in design.
How can I incorporate Obsidian Stone into my UI design?
Obsidian Stone (#2E3134) is a strong foundation for creating visual hierarchy and contrast. Use it as a primary background to make lighter content pop, or apply it to typography for a sharp, readable effect. It pairs well with both electric brights for a high-energy interface and softer, desaturated tones for a more understated and elegant design.
While not a ubiquitous choice, this deep charcoal appears in the branding of companies like Employment Hero and Epidemic Sound. Its relative rarity in the market means that incorporating Obsidian Stone can help a product stand out with a distinct and memorable visual identity.
To see how Obsidian Stone works in practice, use the tools below. You can explore curated palettes, check color contrast for accessibility, and see #2E3134 applied to UI components from well-known apps.
Using Obsidian Stone color codes
The hex code for Obsidian Stone is #2E3134. This six-digit format is the standard for specifying colors in HTML and CSS, making it fundamental for any web-based project.
While hex is common for the web, you will often need to convert #2E3134 into other formats. RGB (Red, Green, Blue) is essential for digital screen applications, whereas CMYK (Cyan, Magenta, Yellow, Key) is the standard for print materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make color adjustments.
To help you get started, we've converted Obsidian Stone's #2E3134 hex code into a variety of popular formats below, ready for you to copy and paste directly into your design tools.
Analogous
Analogous colors are three colors that sit side-by-side on the color wheel. For Obsidian Stone, this creates a harmonious and serene palette.
Complementary
Pairing Obsidian Stone with its complementary color—found directly opposite on the color wheel—creates a combination with maximum contrast and visual pop.
Split Complementary
A split complementary scheme for Obsidian Stone uses the two colors adjacent to its direct opposite, creating a vibrant yet balanced palette.
Triadic
A triadic color scheme uses three hues equally spaced on the color wheel. With Obsidian Stone as a base, this approach creates a vibrant, high-contrast palette.
Tetradic
Tetradic palettes build on Obsidian Stone by adding three more hues, creating two sets of complementary colors for a rich and balanced combination.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With Obsidian Stone as the base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Obsidian Stone are darker versions created by adding black, giving the color depth and weight.
Tints
Tints of Obsidian Stone are created by adding white, resulting in softer, lighter values.
Tones
Adding gray to Obsidian Stone creates tones, resulting in a softer, less saturated hue.
Hues
Hues are variations of Obsidian Stone, differing in their intensity or temperature.
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.
