Onyx is a dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #353839, which equals rgb(53, 56, 57) in RGB and hsl(195, 4%, 22%) in HSL. In print terms it converts to roughly C7 M2 Y0 K78, although exact CMYK results depend on the paper and color profile.
- HEX
#353839 - RGB
53, 56, 57 - HSL
195°, 4%, 22% - CMYK
7, 2, 0, 78 - Family
Gray - Tone
Dark, neutral
About Onyx
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 11.82:1. Its complementary color is #3A3736.
Download Onyx as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Onyx color codes
| HEX | #353839 |
|---|---|
| RGB | rgb(53, 56, 57) |
| HSL | hsl(195, 4%, 22%) |
| HSV | 195°, 7%, 22% |
| CMYK | 7%, 2%, 0%, 78% |
| Decimal | 3487801 |
Shades and tints of Onyx
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDDEDE - 100
#BCBDBD - 200
#9A9C9C - 300
#787A7B - 400
#57595A - 500
#353839 - 600
#2C2F30 - 700
#232526 - 800
#1B1C1D - 900
#121313 - 950
#09090A
Color harmonies for Onyx
- Complementary
#3A3736≈ Graphite - Analogous −30°
#363A39≈ Onyx - Analogous +30°
#36373A≈ Onyx - Triadic +120°
#3A3639≈ Graphite - Triadic +240°
#393A36≈ Graphite - Split 150°
#3A3637≈ Graphite - Split 210°
#3A3936≈ Graphite
Contrast and accessibility of Onyx
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Onyx | Aa | 11.82:1 | AAA (excellent) |
| Black text on Onyx | Aa | 1.78:1 | Fails |
CSS code for Onyx
background-color: #353839;color: #353839;background-color: rgb(53, 56, 57);background-color: hsl(195, 4%, 22%);:root { --color-onyx: #353839; }class="bg-[#353839]"Colors similar to Onyx
- Graphite
#383838 - Neutral Gray 20
#333333 - Cool Gray 20
#2E3238 - Warm Gray 20
#38332E - Very Dark Dusty Cyan
#253737 - Very Dark Dusty Lagoon
#253537 - Very Dark Dusty Teal
#253735 - Cool Gray 25
#3A3F45 - Neutral Gray 25
#404040 - Very Dark Dusty Turquoise
#253733 - Very Dark Dusty Peacock
#253337 - Very Dark Dusty Aquamarine
#253732
More gray shades
- Dim Gray
#696969 - Gray
#808080 - Light Gray
#D3D3D3 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Graphite
#383838 - Ebony
#555D50 - Neutral Gray 15
#262626 - Neutral Gray 20
#333333 - Neutral Gray 25
#404040 - Neutral Gray 30
#4C4C4C
Frequently asked questions
What is the HEX code for Onyx?
The HEX code for Onyx is #353839.
What is the RGB value of Onyx?
Onyx has an RGB value of 53, 56, 57 (rgb(53, 56, 57)). In HSL it is 195°, 4%, 22%.
What text color should I use on Onyx?
Use white text on Onyx. White text has a contrast ratio of 11.82:1 and black text has 1.78:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Onyx?
The complementary color of Onyx is #3A3736. Analogous colors #363A39 and #36373A also pair well.