Peacock
#33A1C9 · rgb(51, 161, 201) · hsl(196, 60%, 49%)
Complementary colors
#32a0c8 · #c85a32Analogous colors
#32c8a5 · #32a0c8 · #3255c8Triadic colors
#32a0c8 · #c832a0 · #a0c832Split-complementary colors
#32a0c8 · #c83255 · #c8a532Tetradic colors
#32a0c8 · #a532c8 · #c85a32 · #55c832Monochromatic colors
#0f313d · #216883 · #33a3cc · #7cc4de · #c2e3f0Ready-made palettes with Peacock
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#33A1C9 · #c85a32 · #9cccde · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#32c8a5 · #33A1C9 · #3255c8 · #9cccde · #184e62
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#33A1C9 · #c832a0 · #a0c832 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#eff8fb · #95cfe4 · #37a5cd · #1e5f76 · #061418
If you are wondering what colors go with Peacock, start with its opposite on the wheel — a complementary #c85a32 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Peacock's complementary color is #c85a32. 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.