Tangerine #F28500

Tangerine is a bright, deep orange named after the citrus fruit, often given as hex #F28500. Highly saturated and slightly redder than CSS orange, it has a juicy, fresh feel. Summer drinks, beach towels and the punchy oranges of 1960s and 1970s graphic design are close relatives.

Tangerine has no CSS keyword, and values vary. #F28500 is a common one; Pantone's Tangerine Tango, its 2012 Color of the Year, was a redder orange.

Tangerine color codes
HEX#F28500
RGBrgb(242, 133, 0)
HSLhsl(33, 100%, 47%)
HSVhsv(33, 100%, 95%)
CMYKcmyk(0%, 45%, 100%, 5%)

Text on Tangerine

Black text reads better on Tangerine. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

2.58:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

8.13:1 · AAA

Colors that go with Tangerine

Tangerine tints and shades

Tints mix Tangerine with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#F49726
#F6AA4D
#F8BC73
#FACE99
#FCE1BF

Shades

#CE7100
#A95D00
#854900
#613500
#3D2100

Tangerine color schemes

Color-wheel harmonies built by rotating the hue of #F28500 and keeping its saturation and lightness.

Complementary

#F28500
#006DF2

Analogous

#F20C00
#F28500
#E6F200

Triadic

#F28500
#00F285
#8500F2

Split complementary

#F28500
#00E6F2
#0C00F2

Tetradic

#F28500
#00F20C
#006DF2
#F200E6

Tangerine color meaning

Tangerine is cheerful, fresh and a little zesty. Like other citrus colors, it suggests flavor and fruit, so it is common on juice cartons, snack packaging and summer menus.

It carries orange's sociable energy but feels more playful and specific, closer to a piece of fruit than to a traffic cone. That makes it a friendly choice for brands aimed at families and young adults, and it rarely feels corporate.

Pantone picked Tangerine Tango as its 2012 Color of the Year, which put tangerine shades into fashion and home products that season. Beyond that, tangerine has no deep symbolic history. Most of its meaning comes from the fruit and from orange in general, which keeps it light and easy to use across markets.

How to use Tangerine in design

Tangerine is a high-energy accent for food, drinks, fitness, kids' and travel brands. Dark text reads best on it, so use charcoal or navy for labels; white text struggles at small sizes. It makes a lively call-to-action button and stands out on social posts, especially against deep blue or teal.

Large tangerine backgrounds can feel loud, so give them white space. A tangerine price tag or badge draws the eye on a busy product page. In interiors and fashion, a tangerine accent pairs well with white, navy and soft pink.

Palettes with Tangerine tones

Curated palettes with a color close to #F28500.

Colors similar to Tangerine

Work with Tangerine

Tangerine FAQ

What is the difference between tangerine and orange?

Tangerine #F28500 is slightly deeper and redder than CSS orange #FFA500, which leans toward gold. Side by side, tangerine looks juicier and more like the peel of the fruit. Both are bright, warm oranges, so they work in similar settings and can often stand in for each other.

What colors go with tangerine?

Blues and teals balance tangerine's heat, with navy giving the strongest contrast. White and cream keep it fresh. For a bold, retro look, pair it with hot pink or fuchsia. Earthy greens like olive tone it down for autumn palettes, and charcoal works well for text.