Aquamarine
#7FFFD4 · rgb(127, 255, 212) · hsl(160, 100%, 75%)
Complementary colors
#80ffd4 · #ff80aaAnalogous colors
#80ff95 · #80ffd4 · #80eaffTriadic colors
#80ffd4 · #d580ff · #ffd480Split-complementary colors
#80ffd4 · #ff80ea · #ff9580Tetradic colors
#80ffd4 · #9580ff · #ff80aa · #eaff80Monochromatic colors
#004d33 · #00a36d · #00ffaa · #5cffc9 · #b3ffe5Ready-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.