PrussianBlue
#003153 · rgb(0, 49, 83) · hsl(205, 100%, 16%)
Complementary colors
#003052 · #522200Analogous colors
#00524b · #003052 · #000752Triadic colors
#003052 · #520030 · #305200Split-complementary colors
#003052 · #520007 · #524b00Tetradic colors
#003052 · #4b0052 · #522200 · #075200Monochromatic colors
#002d4d · #005fa3 · #0095ff · #5cbbff · #b3dfffReady-made palettes with PrussianBlue
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#003153 · #522200 · #0a78c7 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#00524b · #003153 · #000752 · #0a78c7 · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#003153 · #520030 · #305200 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#ebf7ff · #7ac8ff · #0597ff · #005694 · #00121f
If you are wondering what colors go with PrussianBlue, start with its opposite on the wheel — a complementary #522200 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
PrussianBlue's complementary color is #522200. 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.