Onyx
#353839 · rgb(53, 56, 57) · hsl(195, 4%, 22%)
Complementary colors
#36393a · #3a3736Analogous colors
#363a39 · #36393a · #36373aTriadic colors
#36393a · #3a3639 · #393a36Split-complementary colors
#36393a · #3a3637 · #3a3936Tetradic colors
#36393a · #39363a · #3a3736 · #373a36Monochromatic colors
#252728 · #4e5355 · #7a8285 · #aaafb1 · #d7dadaReady-made palettes with Onyx
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#353839 · #3a3736 · #787878 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#363a39 · #353839 · #36373a · #787878 · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#353839 · #3a3639 · #393a36 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f4f5f5 · #babebf · #7d8587 · #474b4d · #0f1010
If you are wondering what colors go with Onyx, start with its opposite on the wheel — a complementary #3a3736 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Onyx's complementary color is #3a3736. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.