Tangerine Color Code: HEX Code & RGB Code Values

Looking for specific tangerine color code? Get exact tangerine hex code #F28500 and tangerine RGB code rgb(242,133,0). Complete color information for design and development projects featuring this vibrant, citrusy orange color.

HEX#F28500

RGBrgb(242,133,0)

Shades of Tangerine

Create custom shades of tangerine with our color generator. Adjust hues, tints, and tones to find the perfect shade of tangerine for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• F28500

  rgb(242, 133, 0)
• C66E0C

  rgb(198, 110, 12)
• 9C5711

  rgb(156, 87, 17)
• 734212

  rgb(115, 66, 18)
• 4D2D10

  rgb(77, 45, 16)
• 2A1A0B

  rgb(42, 26, 11)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• F28500

  rgb(242, 133, 0)
• FA993E

  rgb(250, 153, 62)
• FFAE67

  rgb(255, 174, 103)
• FFC38F

  rgb(255, 195, 143)
• FFD8B5

  rgb(255, 216, 181)
• FFECDB

  rgb(255, 236, 219)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• F28500

  rgb(242, 133, 0)
• EB8925

  rgb(235, 137, 37)
• E28D40

  rgb(226, 141, 64)
• D69258

  rgb(214, 146, 88)
• C89770

  rgb(200, 151, 112)
• B79C88

  rgb(183, 156, 136)
• 808080

  rgb(128, 128, 128)

Tangerine Palette

Explore curated and automatically generated color palettes featuring tangerine. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#FFE1B8

Light

#FFC383

Medium Light

#FBA44E

Medium

#F28500

Medium Dark

#A75D10

Dark

#613811

Darkest

#231608

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#F28500

Left Dark

#FBA150

Left Medium

#FFBD87

Left Light

#FDD9BD

Neutral

#F5F5F5

Right Light

#CED1F6

Right Medium

#A4AEF5

Right Dark

#718CF4

Complementary End

#006DF2

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FFC18C

Medium

#F28500

Dark

#8B3100

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#F2006D

Left Adjacent 1

#F20C00

Main

#F28500

Right Adjacent 1

#E6F200

Right Adjacent 2

#6DF200

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#F28500

Complementary

#006DF2

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#F28500

Secondary

#00F285

Tertiary

#8500F2

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#F28500

Right 90°

#00F20C

Complementary

#006DF2

Left 90°

#F200E6

Tetradic

Two pairs of complementary colors

4 colors

Main

#F28500

Secondary

#6DF200

Complementary

#006DF2

Complementary Secondary

#8500F2

Split Complementary

Complementary colors ±30°

3 colors

Main

#F28500

Split Left

#00E6F2

Split Right

#0C00F2

Cyclic

Circular gradient for periodic data

8 colors

0°

#F28500

45°

#A9F200

90°

#00F20C

135°

#00F2C2

180°

#006DF2

225°

#4800F2

270°

#F200E6

315°

#F20030

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C9B59C

Pastel 1

#D1BFA9

Pastel 2

#D8C9B6

Pastel 3

#DFD2C3

Pastel 4

#E6DCD1

Deep Pastel

#EDE6DE

Common Orange Color Codes (HEX & RGB)

Orange →

HEX:#FFA500

RGB:rgb(255, 165, 0)

Dark Orange →

HEX:#FF8C00

RGB:rgb(255, 140, 0)

Light Orange →

HEX:#FFD580

RGB:rgb(255,213,128)

Coral →

HEX:#FF7F50

RGB:rgb(255, 127, 80)

Copper →

HEX:#B87333

RGB:rgb(184, 115, 51)

Bronze →

HEX:#CD7F32

RGB:rgb(205, 127, 50)

Tan →

HEX:#D2B48C

RGB:rgb(210, 180, 140)

Extract Tangerine Hex & RGB Codes from Image

Upload a photo to find the exact tangerine HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Tangerine Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for tangerine shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #F28500
• RGB:
  rgb(242, 133, 0)
• CMYK:
  cmyk(0%, 45%, 100%, 5%)
• HSV:
  hsv(33°, 100%, 95%)
• HSL:
  hsl(33°, 100%, 47%)

---

What is Tangerine?

Tangerine is a vibrant, citrusy orange color named after the tangerine fruit. Tangerines are small, sweet citrus fruits that originated in Tangier, Morocco, hence their name. The color tangerine captures the bright, juicy hue of ripe tangerines, ranging from pale orange to deep reddish-orange.

Tangerine is a lively, energetic color that evokes feelings of freshness and vitality. It's often associated with citrus fruits, summer, and warm weather. The color has a cheerful quality that works well in both casual and vibrant designs.

The hex code for tangerine is #F28500, with RGB values of rgb(242, 133, 0). This combination creates a bright, warm orange with red undertones.

Tangerine vs Similar Colors

Tangerine sits among other orange shades:

Color	HEX Code	Key Difference
Tangerine	#F28500	Reddish-orange
Orange	#FFA500	Pure orange
Mandarin	#FFA07A	Lighter, more pink
Apricot	#FBCEB1	Paler, more yellow

Tangerine is more red than pure orange and more vibrant than apricot. Its citrusy quality makes it unique.

Using Tangerine in Design

Tangerine's energy makes it versatile:

Web and UI Design: Tangerine works well for food brands, lifestyle platforms, and summer promotions. It creates energetic, inviting interfaces. Pair with white or lime green for a fresh aesthetic.

Graphic Design: Tangerine is ideal for packaging, posters, and summer-themed designs. It pairs beautifully with lime green, white, and navy blue.

Fashion and Interiors: A popular color for spring/summer collections and energetic decor. In interiors, tangerine adds warmth as an accent color.

Color Psychology and Meaning

Tangerine carries energetic associations:

• Energy and vitality: Evokes feelings of enthusiasm and excitement
• Freshness and citrus: Associated with fruits and healthy living
• Warmth and happiness: Creates a cheerful atmosphere
• Creativity and inspiration: Stimulates creative thinking

Frequently Asked Questions

What is the tangerine hex code?

The tangerine hex code is #F28500. This vibrant orange is widely used in design.

What colors go well with tangerine?

Tangerine pairs beautifully with lime green, white, navy blue, and cream.

Is tangerine the same as orange?

No. Tangerine (#F28500) has more red undertones than pure orange (#FFA500).

What are the RGB values for tangerine?

The tangerine RGB code is rgb(242, 133, 0).

Why is it called tangerine?

Tangerine is named after the tangerine fruit, which originated in Tangier, Morocco.