Moonstone
#3AA8C1 · rgb(58, 168, 193) · hsl(191, 54%, 49%)
Complementary colors
#39a8c0 · #c05239Analogous colors
#39c096 · #39a8c0 · #3964c0Triadic colors
#39a8c0 · #c039a8 · #a8c039Split-complementary colors
#39a8c0 · #c03964 · #c09639Tetradic colors
#39a8c0 · #9639c0 · #c05239 · #64c039Monochromatic colors
#12333b · #266e7e · #3babc4 · #81c9d9 · #c4e6edReady-made palettes with Moonstone
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#3AA8C1 · #c05239 · #a0cfda · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#39c096 · #3AA8C1 · #3964c0 · #a0cfda · #1c525e
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#3AA8C1 · #c039a8 · #a8c039 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#eff8fa · #99d3e1 · #3fadc6 · #226372 · #071518
If you are wondering what colors go with Moonstone, start with its opposite on the wheel — a complementary #c05239 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Moonstone's complementary color is #c05239. 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.