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)

• 3B82F6

  rgb(59, 130, 246)
• 376BC8

  rgb(55, 107, 200)
• 31559D

  rgb(49, 85, 157)
• 294073

  rgb(41, 64, 115)
• 202C4C

  rgb(32, 44, 76)
• 151928

  rgb(21, 25, 40)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 3B82F6

  rgb(59, 130, 246)
• 6D95F8

  rgb(109, 149, 248)
• 91A9FA

  rgb(145, 169, 250)
• AFBEFC

  rgb(175, 190, 252)
• CBD3FD

  rgb(203, 211, 253)
• E5E9FE

  rgb(229, 233, 254)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 3B82F6

  rgb(59, 130, 246)
• 5082E9

  rgb(80, 130, 233)
• 6182D7

  rgb(97, 130, 215)
• 6F83C4

  rgb(111, 131, 196)
• 7983B0

  rgb(121, 131, 176)
• 80849B

  rgb(128, 132, 155)
• 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

#DAF1FF

Light

#ACD2F3

Medium Light

#7AB5E7

Medium

#3498DB

Medium Dark

#2B6F9F

Dark

#214967

Darkest

#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#3498DB

Left Dark

#76AEE2

Left Medium

#A4C5E9

Left Light

#CEDDEF

Neutral

#F5F5F5

Right Light

#F5D5C3

Right Medium

#F1B593

Right Dark

#E89664

Complementary End

#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A9CAED

Medium

#3498DB

Dark

#004D89

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#34DB77

Left Adjacent 1

#34DBCB

Main

#3498DB

Right Adjacent 1

#3445DB

Right Adjacent 2

#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#3498DB

Complementary

#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#3498DB

Secondary

#DB3498

Tertiary

#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#3498DB

Right 90°

#CB34DB

Complementary

#DB7734

Left 90°

#45DB34

Tetradic

Two pairs of complementary colors

4 colors

Main

#3498DB

Secondary

#7734DB

Complementary

#DB7734

Complementary Secondary

#98DB34

Split Complementary

Complementary colors ±30°

3 colors

Main

#3498DB

Split Left

#DB3444

Split Right

#DBCB34

Cyclic

Circular gradient for periodic data

8 colors

0°

#3498DB

45°

#4D34DB

90°

#CB34DB

135°

#DB346E

180°

#DB7734

225°

#C2DB34

270°

#45DB34

315°

#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B6C3

Pastel 1

#AFBFCB

Pastel 2

#BBC9D3

Pastel 3

#C7D3DB

Pastel 4

#D4DDE3

Deep Pastel

#E0E7EB

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:
  #ECB12E
• RGB:
  rgb(236, 177, 46)
• CMYK:
  cmyk(0%, 25%, 81%, 7%)
• HSV:
  hsv(41°, 81%, 93%)
• HSL:
  hsl(41°, 83%, 55%)

---

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.