SpaceCadet
#1D2951 · rgb(29, 41, 81) · hsl(226, 47%, 22%)
Complementary colors
#1e2a52 · #52461eAnalogous colors
#1e4452 · #1e2a52 · #2c1e52Triadic colors
#1e2a52 · #521e2a · #2a521eSplit-complementary colors
#1e2a52 · #522c1e · #44521eTetradic colors
#1e2a52 · #521e44 · #52461e · #1e522cMonochromatic colors
#141d38 · #2b3d78 · #4460bb · #8799d4 · #c7cfebReady-made palettes with SpaceCadet
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#1D2951 · #52461e · #4c60a4 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#1e4452 · #1D2951 · #2c1e52 · #4c60a4 · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#1D2951 · #521e2a · #2a521e · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f0f2fa · #9eacdc · #4763bd · #27376d · #080b16
If you are wondering what colors go with SpaceCadet, start with its opposite on the wheel — a complementary #52461e — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
SpaceCadet's complementary color is #52461e. 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.