Starting color

Aquamarine

#7FFFD4 · rgb(127, 255, 212) · hsl(160, 100%, 75%)

Complementary colors

#80ffd4 · #ff80aa

Analogous colors

#80ff95 · #80ffd4 · #80eaff

Triadic colors

#80ffd4 · #d580ff · #ffd480

Split-complementary colors

#80ffd4 · #ff80ea · #ff9580

Tetradic colors

#80ffd4 · #9580ff · #ff80aa · #eaff80

Monochromatic colors

#004d33 · #00a36d · #00ffaa · #5cffc9 · #b3ffe5

Ready-made palettes with Aquamarine

Complementary palette

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

#7FFFD4 · #ff80aa · #ffffff · #f4f4f5 · #18181b

Analogous palette

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

#80ff95 · #7FFFD4 · #80eaff · #ffffff · #00ffaa

Triadic palette

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

#7FFFD4 · #d580ff · #ffd480 · #f4f4f5 · #18181b

Monochromatic palette

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

#ebfff8 · #7affd3 · #05ffac · #009463 · #001f14

If you are wondering what colors go with Aquamarine, start with its opposite on the wheel — a complementary #ff80aa — then soften the pairing with the analogous, triadic and monochromatic schemes above.

Frequently asked questions

Aquamarine's complementary color is #ff80aa. 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.