Aegean
#1F456E · rgb(31, 69, 110) · hsl(211, 56%, 28%)
Complementary colors
#1f466f · #6f491fAnalogous colors
#1f6e6f · #1f466f · #211f6fTriadic colors
#1f466f · #6f1f46 · #466f1fSplit-complementary colors
#1f466f · #6f211f · #6e6f1fTetradic colors
#1f466f · #6f1f6e · #6f491f · #1f6f21Monochromatic colors
#11263c · #24507f · #387dc7 · #80acdb · #c3d8eeReady-made palettes with Aegean
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#1F456E · #6f491f · #5085be · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#1f6e6f · #1F456E · #211f6f · #5085be · #03080c
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#1F456E · #6f1f46 · #466f1f · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#eff5fb · #98bbe2 · #3c80c8 · #214973 · #070f18
If you are wondering what colors go with Aegean, start with its opposite on the wheel — a complementary #6f491f — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Aegean's complementary color is #6f491f. 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.