Tangerine #F28500

#F28500Tangerine
HEX#F28500
RGBrgb(242, 133, 0)
HSLhsl(33, 100%, 47%)
HSVhsv(33, 100%, 95%)
OKLCHoklch(72.2% 0.172 58.5)
OKLABoklab(72.2% 0.09 0.147)
CMYKcmyk(0%, 45%, 100%, 5%)

Tangerine (#F28500) is a light, highly saturated orange hue. A saturated orange with a citrus kick, used for energetic food and fitness brands.

In RGB it is made of 242 red, 133 green and 0 blue. Its HSL hue angle is 33° with 100% saturation and 47% lightness, while its perceptual OKLCH lightness is 72% with a chroma of 0.172. For print, a starting CMYK mix is 0% cyan, 45% magenta, 100% yellow and 5% black.

As a text color on white, Tangerine has a contrast ratio of 2.58:1, which fails WCAG AA even for large text. On black it reaches 8.13:1 and passes AA for normal text. If you use Tangerine as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 54 for black text and Lc -55 for white text.

Its perceptual complement is #00B1FE, close to process cyan. Colors that look most similar are coral, bronze, orange. It looks fairly similar to people with red-green color blindness (ΔE 12), so its meaning mostly survives.

Contrast

Text on white · 2.58:1 ✗
Text on black · 8.13:1 AA ✓
White on Tangerine · APCA Lc -55
Black on Tangerine · APCA Lc 54

Shades and tints of tangerine

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How tangerine looks with color blindness

Protanopia: #A69200Deuteranopia: #C0AB00Tritanopia: #FF6C71Achromatopsia: #A1A1A1

Similar colors

Coral#FF7F50Bronze#CD7F32Orange#FFA500Terracotta#E2725BSalmon#FA8072Copper#B87333Dusty Rose#DCAE96Sand#C2B280

FAQ

What is the hex code for tangerine?

The hex code for tangerine is #F28500, which is rgb(242, 133, 0) in RGB.

What text color goes on tangerine?

Black text. Its contrast with tangerine is 8.13:1.

What color is the complement of tangerine?

The perceptual (OKLCH) complement of #F28500 is #00B1FE.

← All named colors