Tangerine color

A vivid orange with a bit more yellow than regular orange, like the peel of the fruit. It feels fresh and summery. It works well for summer clothes, juice packaging and upbeat apps.

Also known as: mandarin orange.

Tangerine · #F28500

About tangerine

Tangerine (#F28500) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 242 red, 133 green and 0 blue (out of 255). It is mostly used in fashion, branding, web.

Tangerine shades and tints

From lightest to darkest. Tap a shade to copy its code.

Tangerine color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Electric blue

AnalogousClose to: Scarlet, Yellow

TriadicClose to: Pastel green, Violet

Split complementaryClose to: Dark turquoise, Blue

TetradicClose to: Neon green, Electric blue, Magenta

Tangerine color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Tangerine

Analogous palette · Tangerine

Complementary palette · Tangerine

Triadic palette · Tangerine

With neutrals palette · Tangerine

With an accent palette · Tangerine

Tangerine contrast with text

White textContrast 2.6:1 · Not recommended

Black textContrast 8.1:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --tangerine: #F28500;
  --tangerine-rgb: 242, 133, 0;
}
.bg { background-color: var(--tangerine); }
.text { color: var(--tangerine); }

Colors similar to tangerine

Orange Carrot orange Pumpkin orange Cinnamon Ochre Burnt orange Pastel orange Honey Bronze Caramel

Themed palettes with this color

More oranges

Orange Pumpkin orange Carrot orange Apricot Peach Coral Terracotta Burnt orange Salmon Rust Copper Neon orange Pastel orange Orange red

Frequently asked questions

What is the hex code for tangerine?

The hex code for tangerine is #F28500. In RGB it is rgb(242, 133, 0), in HSL hsl(33, 100%, 47%) and in CMYK 0, 45, 100, 5.

What is the complementary color of tangerine?

Its complement on the color wheel is #006DF2, close to electric blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on tangerine?

Use black text instead: the contrast with white is only 2.6:1, while with black it is 8.1:1.