Zaffre
#0014A8 · rgb(0, 20, 168) · hsl(233, 100%, 33%)
Complementary colors
#0014a8 · #a89500Analogous colors
#0068a8 · #0014a8 · #4100a8Triadic colors
#0014a8 · #a80014 · #14a800Split-complementary colors
#0014a8 · #a84100 · #68a800Tetradic colors
#0014a8 · #a80068 · #a89500 · #00a841Monochromatic colors
#00094d · #0013a3 · #001eff · #5c6fff · #b3bbffReady-made palettes with Zaffre
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#0014A8 · #a89500 · #344af4 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#0068a8 · #0014A8 · #4100a8 · #344af4 · #000529
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#0014A8 · #a80014 · #14a800 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#ebedff · #7a8aff · #0522ff · #001194 · #00041f
If you are wondering what colors go with Zaffre, start with its opposite on the wheel — a complementary #a89500 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Zaffre's complementary color is #a89500. 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.