Color Palettes

Onyx color

Named after onyx, a semi-precious stone with dark bands. It's a soft black with a little gray. It's used in jewelry, appliances and luxury finishes.

Also known as: onyx black.

Onyx · #353839

About onyx

Onyx (#353839) is a neutral, dark, almost unsaturated color. It belongs to the blacks family. It mixes 53 red, 56 green and 57 blue (out of 255). It is mostly used in jewelry, tech, home decor.

Onyx shades and tints

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

Onyx color harmonies

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

ComplementaryClose to: Jet black
Analogous
TriadicClose to: Jet black
Split complementaryClose to: Jet black
TetradicClose to: Jet black

Onyx color palettes

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

Monochromatic palette · Onyx
Analogous palette · Onyx
Complementary palette · Onyx
Triadic palette · Onyx
With neutrals palette · Onyx
With an accent palette · Onyx

Onyx contrast with text

White textContrast 11.8:1 · AAA
Black textContrast 1.8:1 · Not recommended

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

CSS code

:root {
  --onyx: #353839;
  --onyx-rgb: 53, 56, 57;
}
.bg { background-color: var(--onyx); }
.text { color: var(--onyx); }

Colors similar to onyx

Oxford grayJet blackAnthraciteCharcoal grayGraphiteTaupeDark grayCoal blackEbonyEggplant

Themed palettes with this color

Wedding color palettesBirthday color palettesGraduation color palettesLogo color palettesWebsite color palettesInstagram color palettes

More blacks

BlackEbonyJet blackAnthraciteCoal blackBlue black

Frequently asked questions

What is the hex code for onyx?

The hex code for onyx is #353839. In RGB it is rgb(53, 56, 57), in HSL hsl(195, 4%, 22%) and in CMYK 7, 2, 0, 78.

What is the complementary color of onyx?

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

Can you use white text on onyx?

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