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?

What is the meaning of Obsidian Stone?

How do I use Obsidian Stone (#2E3134) in UI design?

Using Obsidian Stone color codes

Obsidian Stone

#2E3134

Access our full UI & UX library today.

What color is Obsidian Stone?

What is the meaning of Obsidian Stone?

How do I use Obsidian Stone (#2E3134) in UI design?

Using Obsidian Stone color codes

Obsidian Stone Code Conversions

HEX

#2E3134

LAB

20, -1, -2

RGB

46, 49, 52

XYZ

2.8, 3.0, 3.7

HSL

210°, 6%, 19%

LCH

20, 2, 257°

HSB

210°, 12%, 20%

LUV

20, -2, -2

CMYK

12, 6, 0, 80

CMYK

12, 6, 0, 80

HWB

210°, 18%, 80%

Obsidian Stone Color Harmonies

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.

#2E3434

#2E3134

#2E2E34

#2E3434

#2E3134

#2E2E34

Complementary

Pairing Obsidian Stone with its complementary color—found directly opposite on the color wheel—creates a combination with maximum contrast and visual pop.

#2E3134

#34312E

#2E3134

#34312E

Split Complementary

A split complementary scheme for Obsidian Stone uses the two colors adjacent to its direct opposite, creating a vibrant yet balanced palette.

#2E3134

#342E2E

#34342E

#2E3134

#342E2E

#34342E

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.

#2E3134

#342E31

#31342E

#2E3134

#342E31

#31342E

Tetradic

Tetradic palettes build on Obsidian Stone by adding three more hues, creating two sets of complementary colors for a rich and balanced combination.

#2E3134

#342E34

#34312E

#2E342E

#2E3134

#342E34

#34312E

#2E342E

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.

#2E3134

#342E34

#34312E

#2E342E

#2E3134

#342E34

#34312E

#2E342E

Obsidian Stone Contrast Simulation

Text Color

#

Background Color

#

13.08

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

13.08

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Obsidian Stone Color Variations

Shades

Shades of Obsidian Stone are darker versions created by adding black, giving the color depth and weight.

#2E3134

#272A2D

#212325

#1A1C1E

#141516

#0D0E0F

#070707

#000000

#2E3134

#272A2D

#212325

#1A1C1E

#141516

#0D0E0F

#070707

#000000

Tints

Tints of Obsidian Stone are created by adding white, resulting in softer, lighter values.

#2E3134

#4C4E51

#6A6C6E

#88898B

#A5A7A8

#C3C4C5

#E1E2E2

#FFFFFF

#2E3134

#4C4E51

#6A6C6E

#88898B

#A5A7A8

#C3C4C5

#E1E2E2

#FFFFFF

Tones

Adding gray to Obsidian Stone creates tones, resulting in a softer, less saturated hue.

#2E3134

#3A3C3F

#45484A

#515355

#5D5E5F

#69696A

#747575

#808080

#2E3134

#3A3C3F

#45484A

#515355

#5D5E5F

#69696A

#747575

#808080

Hues

Hues are variations of Obsidian Stone, differing in their intensity or temperature.

#2E3134

#2F2E34

#342E34

#342E2F

#34312E

#33342E

#2E342E

#2E3433

#2E3134

#2F2E34

#342E34

#342E2F

#34312E

#33342E

#2E342E

#2E3433

What Interfaces Use Colors Like Obsidian Stone?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox