Orange Color Code: HEX #FFA500 & RGB

Looking for specific orange color codes? Get the exact orange hex code (#FFA500) and orange RGB code (rgb(255,165,0)). Complete color information for design and development projects.

HEX#FFA500

RGBrgb(255,165,0)

Shades of Orange

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• FFA500

  rgb(255, 165, 0)
• D0870E

  rgb(208, 135, 14)
• A46B13

  rgb(164, 107, 19)
• 795014

  rgb(121, 80, 20)
• 513612

  rgb(81, 54, 18)
• 2B1E0D

  rgb(43, 30, 13)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• FFA500

  rgb(255, 165, 0)
• FFB64A

  rgb(255, 182, 74)
• FFC674

  rgb(255, 198, 116)
• FFD599

  rgb(255, 213, 153)
• FFE3BC

  rgb(255, 227, 188)
• FFF1DE

  rgb(255, 241, 222)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• FFA500

  rgb(255, 165, 0)
• FAA72D

  rgb(250, 167, 45)
• F2AA4B

  rgb(242, 170, 75)
• E8AD66

  rgb(232, 173, 102)
• DCB181

  rgb(220, 177, 129)
• CCB59C

  rgb(204, 181, 156)
• 808080

  rgb(128, 128, 128)

Orange Palette

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

#FFEDC5

Light

#FFD48F

Medium Light

#FFBD57

Medium

#FFA500

Medium Dark

#B4760F

Dark

#6F4A10

Darkest

#312208

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#FFA500

Left Dark

#FFB956

Left Medium

#FFCC8C

Left Light

#FFE0C0

Neutral

#F5F5F5

Right Light

#D1CCF9

Right Medium

#A8A4FC

Right Dark

#767EFE

Complementary End

#005AFF

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FFD191

Medium

#FFA500

Dark

#8B4600

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#FF005A

Left Adjacent 1

#FF2500

Main

#FFA500

Right Adjacent 1

#DAFF00

Right Adjacent 2

#5AFF00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#FFA500

Complementary

#005AFF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#FFA500

Secondary

#00FFA5

Tertiary

#A500FF

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#FFA500

Right 90°

#00FF25

Complementary

#005AFF

Left 90°

#FF00DA

Tetradic

Two pairs of complementary colors

4 colors

Main

#FFA500

Secondary

#5AFF00

Complementary

#005AFF

Complementary Secondary

#A500FF

Split Complementary

Complementary colors ±30°

3 colors

Main

#FFA500

Split Left

#00DAFF

Split Right

#2500FF

Cyclic

Circular gradient for periodic data

8 colors

0°

#FFA500

45°

#9AFF00

90°

#00FF25

135°

#00FFE5

180°

#005AFF

225°

#6500FF

270°

#FF00DA

315°

#FF001A

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C9B99C

Pastel 1

#D1C3A9

Pastel 2

#D8CCB6

Pastel 3

#DFD5C3

Pastel 4

#E6DED1

Deep Pastel

#EDE8DE

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)

All Orange Colors

Browse all 47 orange colors with exact hex and RGB values:

• Apricot
• Auburn Orange
• Bittersweet
• Bronze
• Burnt Orange
• Cadmium Orange
• Cantaloupe
• Carrot Orange
• Clementine
• Construction Orange
• Copper
• Coral
• Dark Bronze
• Dark Orange
• Dark Salmon
• Dark Tan
• Desert Sand
• Fluorescent Orange
• Gamboge
• Ginger
• International Orange
• Light Orange
• Light Salmon
• Light Tan
• Mandarin Orange
• Mango
• Moccasin
• Neon Coral
• Neon Orange
• Ochre
• Papaya Whip
• Pastel Orange
• Peach Puff
• Persimmon
• Pumpkin
• Red Orange
• Rust
• Safety/Hunter/Blaze Orange
• Salmon
• Sandy Brown
• Sunset Orange
• Syracuse Orange
• Tan
• Tangerine
• Terra Cotta
• Tiger Orange
• UT Orange

Understanding Orange: The Color of Warmth and Energy

Orange is a vibrant, energetic color that combines the warmth of red with the cheerfulness of yellow. It's a color that evokes feelings of happiness, warmth, and creativity. Orange has played an important role in art, culture, and everyday life.

The Science of Orange

Orange sits between red and yellow in the visible spectrum. It's created by mixing red and yellow light, making it a secondary color in the RGB model. Orange is one of the most visible colors, second only to red.

Cultural Significance of Orange

Orange carries diverse symbolism across cultures:

• Western Cultures: Orange represents warmth, enthusiasm, and creativity. It's the color of pumpkins and autumn.
• Hinduism: Orange (saffron) is a sacred color representing purity and spirituality.
• Buddhism: Orange robes symbolize renunciation and spiritual awakening.
• Ireland: Orange represents the Protestant community.
• Netherlands: Orange is the national color, representing the House of Orange-Nassau.

Orange in Nature

Orange appears in many natural phenomena:

• Sunset: Orange and red hues at dusk
• Fruits: Oranges, tangerines, mangoes, and apricots
• Flowers: Marigolds, poppies, and lilies
• Leaves: Autumn foliage in vibrant orange tones
• Birds: Orioles, flamingos, and orange-breasted sunbirds
• Butterflies: Monarch butterflies with orange wings

Extract Orange Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Orange Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #FFA500
• RGB:
  rgb(255, 165, 0)
• CMYK:
  cmyk(0%, 35%, 100%, 0%)
• HSV:
  hsv(39°, 100%, 100%)
• HSL:
  hsl(39°, 100%, 50%)

---

Orange Color Psychology

Orange has powerful psychological effects:

Positive Associations

• Warmth and comfort: Fire, sunset, cozy evenings
• Energy and enthusiasm: Excitement, motivation
• Creativity and inspiration: Artistic expression
• Friendliness and approachability: Social, welcoming
• Success and achievement: Gold medals, trophies

Negative Associations

• Warning and danger: Construction zones, safety equipment
• Aggression: Orange can feel confrontational
• Superficiality: Too much orange can feel shallow
• Cheapness: Orange is sometimes associated with low-quality products

Psychological Effects

• Orange stimulates appetite and metabolism
• It creates feelings of warmth and comfort
• Orange enhances social interaction
• It's associated with fun and excitement

Using Orange in Design

Orange is a vibrant color that adds energy to any design:

Web Design

• Orange is great for CTAs to grab attention
• Use orange for highlighting important elements
• Lighter oranges create friendly, approachable designs
• Orange works well with dark backgrounds for contrast

Graphic Design

• Orange is perfect for creating attention-grabbing designs
• Use complementary schemes (orange and blue) for contrast
• Monochromatic orange schemes create warm, energetic designs
• Orange is excellent for food, sports, and entertainment themes

Branding

• Tech companies use orange for innovation (Firefox, Fanta)
• Retail brands use orange for promotions and sales
• Food brands use orange for hunger appeal (Orange Juice brands)
• Orange represents fun and excitement in entertainment

Interior Design

• Orange creates warm, inviting spaces
• Light oranges add cheerfulness and energy
• Burnt orange adds richness and depth
• Orange pairs beautifully with blue, gray, and white

Orange Color Harmonies

Orange pairs beautifully with many colors:

Complementary Colors

• Orange and Blue: High-contrast, vibrant combination
• Orange and Cyan: Modern, fresh pairing

Analogous Colors

• Orange, Red, Yellow: Warm, energetic schemes
• Orange, Peach, Apricot: Soft, harmonious palettes

Triadic Colors

• Orange, Purple, Green: Balanced, harmonious combination
• Orange, Blue, Yellow: Creative, energetic balance

Monochromatic

• Various shades of orange create depth and warmth

Split Complementary

• Orange with blue-green and blue-purple creates balanced contrast

Orange in Fashion

Orange is a bold, energetic color in fashion:

• Bright orange: Makes a statement, perfect for summer
• Burnt orange: Warm, sophisticated, versatile
• Peach: Soft, feminine, springtime
• Coral: Fresh, trendy, and vibrant
• Tangerine: Bright, cheerful, energetic

Orange Color Variations

Our comprehensive collection includes:

• Light Oranges: Peach, Coral, Apricot
• Mid Oranges: Tangerine, Mandarin, Clementine
• Dark Oranges: Burnt Orange, Rust, Terracotta
• Red Oranges: Scarlet Orange, Vermilion, Red-Orange
• Yellow Oranges: Gold, Saffron, Amber
• Brown Oranges: Copper, Bronze, Russet

Frequently Asked Questions

What is the hex code for pure orange?

The hex code for pure orange is #FFA500.

What are the RGB values for orange?

Orange RGB values are rgb(255, 165, 0).

What colors complement orange?

Orange's complementary color is blue. Orange also pairs well with white, yellow, and green.

Is orange a warm or cool color?

Orange is considered a warm color due to its association with fire and sun.

What does orange symbolize?

Orange symbolizes warmth, energy, creativity, and enthusiasm.

How do I create different shades of orange?

Add white to create lighter oranges, add black to create deeper oranges, and add red or yellow to create different undertones.