Obsidian color

A deep black with a cool, glassy tone, named after volcanic glass. It is often used for luxury cars, phones and modern kitchens.

Also known as: Obsidian black.

Obsidian · #0B1215

About obsidian

Obsidian (#0B1215) is a cool, dark, moderately saturated color. It belongs to the blacks family. It mixes 11 red, 18 green and 21 blue (out of 255). It is mostly used in cars, tech, kitchens.

Obsidian shades and tints

From lightest to darkest. Tap a shade to copy its code.

Obsidian color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Smoky black

AnalogousClose to: Rich black

TriadicClose to: Licorice, Smoky black

Split complementaryClose to: Licorice, Smoky black

TetradicClose to: Eigengrau, Smoky black

Obsidian color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Obsidian

Analogous palette · Obsidian

Complementary palette · Obsidian

Triadic palette · Obsidian

With neutrals palette · Obsidian

With an accent palette · Obsidian

Obsidian contrast with text

White textContrast 18.9:1 · AAA

Black textContrast 1.1:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --obsidian: #0B1215;
  --obsidian-rgb: 11, 18, 21;
}
.bg { background-color: var(--obsidian); }
.text { color: var(--obsidian); }

Colors similar to obsidian

Rich black Eigengrau Smoky black Ebony Black Coal black Licorice Raisin black Matte black Blue black

Themed palettes with this color

More blacks

Black Ebony Jet black Anthracite Onyx Coal black Blue black Licorice Raisin black Rich black Smoky black Black olive Matte black Eigengrau

Frequently asked questions

What is the hex code for obsidian?

The hex code for obsidian is #0B1215. In RGB it is rgb(11, 18, 21), in HSL hsl(198, 31%, 6%) and in CMYK 48, 14, 0, 92.

What is the complementary color of obsidian?

Its complement on the color wheel is #150E0B, close to smoky black. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on obsidian?

Yes. The contrast with white is 18.9:1, enough for body text (WCAG AA).