Onyx

Onyx is a profound, charcoal gray that sits just shy of absolute black.

It presents a cool, neutral character, completely free of any discernible hue or undertone.

The color Onyx, with its near-black depth, embodies sophistication, power, and formality. It carries a sense of protective strength and authority, making it a symbol of seriousness and elegance in design.

Historically, its name is tied to the Onyx gemstone, fabled to be the fingernails of the goddess Venus, turned to stone by the gods, adding a layer of mythic permanence and divine origin to its modern interpretation.

With its near-black value of #0F0F0F, Onyx is a powerful foundation for creating visual hierarchy and contrast. Use it as a background in dark mode interfaces to make accent colors stand out, or as a primary text color on light surfaces for excellent readability. It pairs well with both vibrant neons for a bold statement and softer, desaturated tones for a more understated and elegant feel.

This deep, commanding shade is a popular choice for brands aiming for a premium, focused aesthetic. Companies like CRED, Coda, and Pinterest use similar dark tones to build modern interfaces that feel both sophisticated and grounded, signaling stability and quality.

You can explore curated palettes, test color contrast for accessibility, and preview Onyx in real UI components from top brands using the tools below.

The most common way to specify Onyx digitally is with its hex code, #0F0F0F. As a deep, near-black shade, it provides a strong foundation for high-contrast designs without the starkness of pure black.

While hex codes are standard for web development, you will often need to translate #0F0F0F into other formats. For digital displays, you will use its RGB (Red, Green, Blue) values, which define the intensity of light on a screen. For print projects, you will need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which correspond to ink mixtures.

To make things easy, we've converted #0F0F0F into a variety of popular color models. You can find and copy the exact codes you need for your project in the sections that follow.