What color is Tangerine?
Tangerine is a vivid orange with a strong yellow warmth, hex #FFA800, closer to a ripe mango than a standard orange. The color is bright and saturated, with none of the red depth that shifts orange toward amber.
What is the meaning of the color Tangerine?
Named after the tangerine fruit, the word entered English as a color term in the early 20th century, tied to the fruit’s trade through Tangier, Morocco, which served as a key export port for North African citrus. The fruit itself was recorded in English by 1710, and its color name followed as the fruit became a common household item across Britain and the United States. Pantone selected a close relative, Tangerine Tango, as its Color of the Year for 2012, bringing the hue into mainstream design and fashion conversations that year.
RGB
255, 168, 0
HSL
40°, 100%, 50%
CMYK
0, 34, 100, 0
HSV
40°, 100%, 100%
What colors go with Tangerine?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFA800 |
color: #FFA800;
|
| RGB | 255, 168, 0 |
color: rgb(255, 168, 0);
|
| RGB Percentage | 100%, 66%, 0% |
color: rgb(100%, 66%, 0%);
|
| CMYK | 0%, 34%, 100%, 0% | Not supported in CSS |
| HSL | 40°, 100%, 50% |
color: hsl(40, 100%, 50%);
|
| HSV | 40°, 100%, 100% | Not supported in CSS |
| CIE-LAB | 40, 17, 56 |
color: lab(40% 17 56);
|
| Decimal | 16754688 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.tangerine {
color: #FFA800;
}
SCSS
$tangerine: #FFA800;
RGB
rgb(255, 168, 0)
Accessibility & Contrast
White background
1.93:1
1.93
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
10.85:1
10.85
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element