Gray & Black color

Onyx #353839

#353839 · rgb(53, 56, 57)

Onyx is the color #353839. In RGB it is rgb(53, 56, 57) — 21% red, 22% green and 22% blue. Its CMYK breakdown is 7% cyan, 2% magenta, 0% yellow and 78% black, and in HSL it sits at 195° hue, 4% saturation and 22% lightness. Onyx is not a standard CSS color name; the nearest web color is Dark Slate Gray (#2F4F4F). The closest web-safe color is #333333.

Open in color picker Convert Make a palette Check contrast

Onyx color codes

Hex#353839

RGBrgb(53, 56, 57)

RGB %21%, 22%, 22%

HSLhsl(195, 4%, 22%)

HSV / HSBhsv(195, 7%, 22%)

CMYKcmyk(7%, 2%, 0%, 78%)

OKLCHoklch(34% 0.004 220)

Closest web-safe#333333

Onyx color meaning

Onyx is a deep and serious gray — a neutral color at 22% lightness and 4% saturation. Like other neutrals, it is linked with neutrality, sophistication and balance. Grays and blacks are the quiet backbone of most designs, adding structure and elegance without competing for attention.

Because it is deep and serious, onyx works best for text, headings, luxury branding, accent walls and evening wear. It is dark enough to use for text on a white page (11.8:1 contrast).

What colors go with Onyx?

Onyx pairs well with Saddle Brown, Teal, Dark Slate Blue and Linen: Saddle Brown sits close to its opposite on the color wheel for strong contrast, Teal and Dark Slate Blue are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around onyx in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Onyx at a glance

Color family	Gray & Black · neutral, deep and serious
CSS color name	No — nearest keyword is Dark Slate Gray (#2F4F4F)
As text on white	11.82:1 — passes WCAG AAA
Best text on it	White (11.82:1)
For print (CMYK)	7% cyan, 2% magenta, 0% yellow, 78% black
Full screen	Open the onyx screen — fill your display or download it in 4K

Contrast

Contrast ratio of Onyx against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 11.82:1 Black text — 1.78:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Onyx

Onyx color FAQ

What is the hex code for Onyx?

Onyx is #353839, which is rgb(53, 56, 57) and hsl(195, 4%, 22%). For print it is roughly C7 M2 Y0 K78.

What colors go with Onyx?

Onyx pairs well with Saddle Brown, Teal, Dark Slate Blue, Linen. Saddle Brown gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Onyx a warm or cool color?

Onyx is close to neutral — it has very little saturation (4%), so it sits comfortably next to both warm and cool colors.

What text color looks best on Onyx?

White text, with a contrast ratio of 11.8:1, which meets WCAG AA for normal text. Onyx itself is also readable as text on white (11.8:1).