Saffron
#F4C430 · rgb(244, 196, 48) · hsl(45, 90%, 57%)
Complementary colors
#f4c32f · #2f60f4Analogous colors
#f4602f · #f4c32f · #c3f42fTriadic colors
#f4c32f · #2ff4c3 · #c32ff4Split-complementary colors
#f4c32f · #2fc3f4 · #602ff4Tetradic colors
#f4c32f · #2ff460 · #2f60f4 · #f42fc3Monochromatic colors
#493704 · #9b7608 · #f2b90d · #f7d264 · #fbeab6Ready-made palettes with Saffron
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#F4C430 · #2f60f4 · #f6e3ac · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#f4602f · #F4C430 · #c3f42f · #f6e3ac · #9b7608
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#F4C430 · #2ff4c3 · #c32ff4 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#fef9ec · #f8db81 · #f3ba12 · #8d6b07 · #1d1602
If you are wondering what colors go with Saffron, start with its opposite on the wheel — a complementary #2f60f4 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Saffron's complementary color is #2f60f4. 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.