Mandarin Orange Color Code: HEX Code & RGB Code Values

Looking for specific mandarin orange color code? Get exact mandarin orange hex code #F7860B and mandarin orange RGB code rgb(247,134,11). Complete color information for design and development projects featuring this vibrant, fruity orange inspired by the sweet, juicy citrus fruit.

HEX#F7860B

RGBrgb(247,134,11)

Shades of Mandarin Orange

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• F7860B

  rgb(247, 134, 11)
• CA6F12

  rgb(202, 111, 18)
• 9F5814

  rgb(159, 88, 20)
• 764214

  rgb(118, 66, 20)
• 4F2E11

  rgb(79, 46, 17)
• 2B1A0C

  rgb(43, 26, 12)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• F7860B

  rgb(247, 134, 11)
• FE9A42

  rgb(254, 154, 66)
• FFB06C

  rgb(255, 176, 108)
• FFC593

  rgb(255, 197, 147)
• FFD9B8

  rgb(255, 217, 184)
• FFECDC

  rgb(255, 236, 220)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• F7860B

  rgb(247, 134, 11)
• F08A2A

  rgb(240, 138, 42)
• E68F43

  rgb(230, 143, 67)
• DA945B

  rgb(218, 148, 91)
• CC9972

  rgb(204, 153, 114)
• BA9E8B

  rgb(186, 158, 139)
• 808080

  rgb(128, 128, 128)

Mandarin Orange Palette

Explore curated and automatically generated color palettes featuring mandarin orange. 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

#FFE7CA

Light

#FFC790

Medium Light

#FFA757

Medium

#F7860B

Medium Dark

#B06112

Dark

#6D3D11

Darkest

#321D09

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#F7860B

Left Dark

#FEA253

Left Medium

#FFBD89

Left Light

#FFD9BE

Neutral

#F5F5F5

Right Light

#CFD5F7

Right Medium

#A5B6F7

Right Dark

#7298F8

Complementary End

#0B7CF7

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FFC28E

Medium

#F7860B

Dark

#8E3100

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#F70B7C

Left Adjacent 1

#F7100B

Main

#F7860B

Right Adjacent 1

#F2F70B

Right Adjacent 2

#7CF70B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#F7860B

Complementary

#0B7CF7

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#F7860B

Secondary

#0BF786

Tertiary

#860BF7

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#F7860B

Right 90°

#0BF710

Complementary

#0B7CF7

Left 90°

#F70BF2

Tetradic

Two pairs of complementary colors

4 colors

Main

#F7860B

Secondary

#7CF70B

Complementary

#0B7CF7

Complementary Secondary

#860BF7

Split Complementary

Complementary colors ±30°

3 colors

Main

#F7860B

Split Left

#0BF2F7

Split Right

#100BF7

Cyclic

Circular gradient for periodic data

8 colors

0°

#F7860B

45°

#B7F70B

90°

#0BF710

135°

#0BF7C1

180°

#0B7CF7

225°

#4B0BF7

270°

#F70BF2

315°

#F70B41

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C8B39D

Pastel 1

#CFBDAA

Pastel 2

#D7C8B7

Pastel 3

#DED2C4

Pastel 4

#E5DCD1

Deep Pastel

#EDE6DE

Common Orange & Citrus 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 Mandarin Orange Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Mandarin Orange Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #F7860B
• RGB:
  rgb(247, 134, 11)
• CMYK:
  cmyk(0%, 46%, 96%, 3%)
• HSV:
  hsv(31°, 96%, 97%)
• HSL:
  hsl(31°, 94%, 51%)

---

What is Mandarin Orange?

Mandarin orange is a vibrant, fruity orange color named after the mandarin citrus fruit. It's a bright, cheerful shade that evokes feelings of freshness and energy. This color is often associated with citrus fruits, Asian culture, and festive occasions.

The hex code for mandarin orange is #F7860B, with RGB values of rgb(247, 134, 11). It's a zesty, energetic color that adds brightness to any design.

Design Applications

Mandarin orange works well in food branding, Asian themes, and festive designs. It pairs beautifully with cream, green, and white. Use it for citrus products, Chinese New Year designs, or to create a fresh, energetic atmosphere in your projects.

FAQ

What is the mandarin orange hex code?

The mandarin orange hex code is #F7860B.

What colors go well with mandarin orange?

Mandarin orange pairs well with cream, green, white, and yellow.

Is mandarin orange named after the fruit?

Yes, it's named after the sweet mandarin orange fruit.