Tangerine
#F28500 · rgb(242, 133, 0) · hsl(33, 100%, 47%)
Complementary colors
#f08400 · #006cf0Analogous colors
#f00c00 · #f08400 · #e4f000Triadic colors
#f08400 · #00f084 · #8400f0Split-complementary colors
#f08400 · #00e4f0 · #0c00f0Tetradic colors
#f08400 · #00f00c · #006cf0 · #f000e4Monochromatic colors
#4d2a00 · #a35a00 · #ff8c00 · #ffb65c · #ffddb3Ready-made palettes with Tangerine
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#F28500 · #006cf0 · #f8be77 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#f00c00 · #F28500 · #e4f000 · #f8be77 · #703e00
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#F28500 · #00f084 · #8400f0 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#fff6eb · #ffc37a · #ff8f05 · #945100 · #1f1100
If you are wondering what colors go with Tangerine, start with its opposite on the wheel — a complementary #006cf0 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Tangerine's complementary color is #006cf0. 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.