#353839

What color is Onyx?

Onyx is a very dark, near-black color with subtle warm gray undertones, hex #353839, close to the surface of polished volcanic rock. It reads darker than charcoal but retains just enough gray to avoid a pure, flat black.

What is the meaning of the color Onyx?

Ancient Greeks and Romans carved the banded stone onyx into seals and jewelry, and the darkest variety gave its name to the color. The English word entered color use in reference to this stone, with black onyx traded across Mediterranean markets as early as the first century CE. By the 20th century, the name was adopted in the luxury goods industry to signal refinement, appearing in product lines from watchmakers and pen brands including Montblanc, whose Meisterstück Onyx edition used the name to describe its deep black finish.

RGB
53, 56, 57
HSL
195°, 4%, 22%
CMYK
7, 2, 0, 78
HSV
195°, 7%, 22%
Onyx color

What colors go with Onyx?

Colors that pair well with Onyx include:
Ivory: soft, warm contrast
Gold: rich, striking accent
Slate Blue: cool, balanced depth
Forest Green: natural, grounded pairing
Burgundy: bold, moody warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #353839 color: #353839;
RGB 53, 56, 57 color: rgb(53, 56, 57);
RGB Percentage 21%, 22%, 22% color: rgb(21%, 22%, 22%);
CMYK 7%, 2%, 0%, 78% Not supported in CSS
HSL 195°, 4%, 22% color: hsl(195, 4%, 22%);
HSV 195°, 7%, 22% Not supported in CSS
CIE-LAB 18, -1, -0 color: lab(18% -1 -0);
Decimal 3487801 Not supported in CSS

Color Variations

Shades

#36393A
#303335
#2B2E2F
#262829
#202223
#1B1D1D
#161717
#101112

Tints

#C1C5C6
#ACB1B3
#989EA0
#838A8C
#6F7678
#5C6264
#494E4F
#36393A

Tones

#36393A
#36393A
#36393A
#37393A
#373939
#373939
#373939
#373839

Hues

#36393A
#36363A
#39363A
#3A3638
#3A3736
#3A3A36
#373A36
#363A38

Color Harmonies

Analogous

#363A39
Click to copy
99%
#353839
Click to copy
100%
#36373A
Click to copy
100%

Complementary

#353839
Click to copy
100%
#3A3736
Click to copy
99%

Split Complementary

#353839
Click to copy
100%
#3A3637
Click to copy
99%
#3A3936
Click to copy
99%

Triadic

#353839
Click to copy
100%
#3A3639
Click to copy
99%
#393A36
Click to copy
99%

Tetradic

#353839
Click to copy
100%
#39363A
Click to copy
99%
#3A3736
Click to copy
99%
#373A36
Click to copy
99%

Square

#353839
Click to copy
100%
#39363A
Click to copy
99%
#3A3736
Click to copy
99%
#373A36
Click to copy
99%

CSS & Dev Snippets

CSS
.onyx {
  color: #353839;
}
SCSS
$onyx: #353839;
RGB
rgb(53, 56, 57)

Accessibility & Contrast

White background

11.82:1
11.82
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.78:1
1.78
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags