Tangerine color: code #F28500
Tangerine
#F28500
Color codes
- HEX
#F28500 - RGB
rgb(242, 133, 0) - HSL
hsl(33, 100%, 47%) - HSV
hsv(33, 100%, 95%) - CMYK
cmyk(0%, 45%, 100%, 5%) - LAB
lab(66.3% 35.2 72.6) - OKLCH
oklch(72.2% 0.172 58.5)
About the color Tangerine
Tangerine has the HEX code #F28500, which corresponds to rgb(242, 133, 0) in the RGB model. On the color wheel its hue sits at 33°, with 100% saturation and 47% lightness (hsl(33, 100%, 47%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 8.13:1 contrast ratio on it, versus 2.58:1 for white.
For print, the approximate conversion is cmyk(0%, 45%, 100%, 5%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Tangerine
Complementary
#F28500 · #006CF0
Analogous
#F00C00 · #F28500 · #E4F000
Triadic
#F28500 · #00F084 · #8400F0
Tetradic
#F28500 · #00F00C · #006CF0 · #F000E4
Split-complementary
#F28500 · #00E4F0 · #0C00F0
Monochromatic
#703E00 · #BD6800 · #F28500 · #FFA83D · #FFCA8A
Tangerine with white and black text
How to use it in CSS
:root {
--color-tangerine: #F28500;
--color-tangerine-rgb: 242, 133, 0;
}
.elemento {
background-color: var(--color-tangerine);
color: #000000;
}