List of Orange Shades with HEX, RGB & HSL Color Codes

Q: What are orange shades?

Orange shades are variations of orange that include subtle yellow, red, peach, and amber undertones. They are widely used in web design, branding and digital products.

Explore popular orange shades, color names and their HEX, RGB and HSL values.

#FFA500

Orange

HEX #FFA500

RGB 255,165,0

HSL 39,100%,50%

#FF8C00

Dark Orange

HEX #FF8C00

RGB 255,140,0

HSL 33,100%,50%

#F28500

Tangerine

HEX #F28500

RGB 242,133,0

HSL 33,100%,47%

#FFBF00

Amber

HEX #FFBF00

RGB 255,191,0

HSL 45,100%,50%

#FFDAB9

Peach

HEX #FFDAB9

RGB 255,218,185

HSL 28,100%,86%

#FBCEB1

Apricot

HEX #FBCEB1

RGB 251,206,177

HSL 24,90%,84%

#FF7F50

Coral Orange

HEX #FF7F50

RGB 255,127,80

HSL 16,100%,66%

#CC5500

Burnt Orange

HEX #CC5500

RGB 204,85,0

HSL 25,100%,40%

#FF7518

Pumpkin

HEX #FF7518

RGB 255,117,24

HSL 24,100%,55%

#ED9121

Carrot Orange

HEX #ED9121

RGB 237,145,33

HSL 33,85%,53%

#C46210

Rust Orange

HEX #C46210

RGB 196,98,16

HSL 27,85%,42%

#B87333

Copper

HEX #B87333

RGB 184,115,51

HSL 29,56%,46%

#CD7F32

Bronze

HEX #CD7F32

RGB 205,127,50

HSL 30,61%,50%

#FFB000

Golden Orange

HEX #FFB000

RGB 255,176,0

HSL 41,100%,50%

#F4BB44

Mango

HEX #F4BB44

RGB 244,187,68

HSL 41,89%,61%

#E76F51

Papaya

HEX #E76F51

RGB 231,111,81

HSL 12,76%,61%

#FD5E53

Sunset Orange

HEX #FD5E53

RGB 253,94,83

HSL 3,97%,66%

#EC5800

Persimmon

HEX #EC5800

RGB 236,88,0

HSL 22,100%,46%

#D35400

Brick Orange

HEX #D35400

RGB 211,84,0

HSL 24,100%,41%

#E67E22

Clay Orange

HEX #E67E22

RGB 230,126,34

HSL 28,80%,52%

#FAD5A5

Sand Orange

HEX #FAD5A5

RGB 250,213,165

HSL 33,86%,81%

#FFD580

Light Orange

HEX #FFD580

RGB 255,213,128

HSL 40,100%,75%

#FF5722

Deep Orange

HEX #FF5722

RGB 255,87,34

HSL 14,100%,57%

#FF4500

Fiery Orange

HEX #FF4500

RGB 255,69,0

HSL 16,100%,50%

#FFA000

Orange Peel

HEX #FFA000

RGB 255,160,0

HSL 38,100%,50%

#E9A11B

Honey Orange

HEX #E9A11B

RGB 233,161,27

HSL 39,80%,51%

#FF8800

Bright Orange

HEX #FF8800

RGB 255,136,0

HSL 32,100%,50%

#F37A1F

Mandarin

HEX #F37A1F

RGB 243,122,31

HSL 28,90%,54%

#E97451

Clementine

HEX #E97451

RGB 233,116,81

HSL 12,78%,62%

#FFCC99

Apricot Glow

HEX #FFCC99

RGB 255,204,153

HSL 30,100%,80%

#FF9933

Sunrise Orange

HEX #FF9933

RGB 255,153,51

HSL 30,100%,60%

#FF6F00

Tiger Orange

HEX #FF6F00

RGB 255,111,0

HSL 26,100%,50%

#EDC9AF

Desert Orange

HEX #EDC9AF

RGB 237,201,175

HSL 27,58%,81%

#FFB347

Soft Orange

HEX #FFB347

RGB 255,179,71

HSL 35,100%,64%

#FF7A00

Warm Orange

HEX #FF7A00

RGB 255,122,0

HSL 28,100%,50%

#FFBF00

Amber Glow

HEX #FFBF00

RGB 255,191,0

HSL 45,100%,50%

#E25822

Flame Orange

HEX #E25822

RGB 226,88,34

HSL 18,78%,51%

#FF4500

Orange Red

HEX #FF4500

RGB 255,69,0

HSL 16,100%,50%

#FF6600

Zesty Orange

HEX #FF6600

RGB 255,102,0

HSL 24,100%,50%

#FF8F00

Royal Orange

HEX #FF8F00

RGB 255,143,0

HSL 34,100%,50%

#D74C10

Paprika

HEX #D74C10

RGB 215,76,16

HSL 18,86%,45%

#FFAB00

Amber Fire

HEX #FFAB00

RGB 255,171,0

HSL 40,100%,50%

#FF5E00

Orange Blaze

HEX #FF5E00

RGB 255,94,0

HSL 22,100%,50%

#FFB300

Golden Flame

HEX #FFB300

RGB 255,179,0

HSL 42,100%,50%

#FF6A00

Pure Orange

HEX #FF6A00

RGB 255,106,0

HSL 25,100%,50%

Orange Shades Color Collection

Orange shades are widely used in web design, branding, graphic design, interior design and digital products. From soft peach to deep burnt orange, tangerine, amber and fiery tones, different orange shades help create warm, energetic and eye-catching visual experiences.

This orange shades collection includes popular orange color names along with their HEX, RGB and HSL color codes. Designers, developers and creative professionals can easily copy color values and use them in websites, mobile apps, user interfaces, branding materials and design projects.

Popular Orange Color Shades

Orange
Amber
Tangerine
Peach
Apricot
Carrot Orange
Burnt Orange
Coral
Pumpkin
Mango

What Are Orange Shades?

Orange shades are variations of the orange color family that contain subtle red, yellow, peach or amber undertones. While they may appear similar at first glance, each shade creates a unique visual effect. Some orange shades feel bright and energetic, while others provide a warm, soft or earthy appearance.

How to Use Orange Shades in Design

Create energetic and modern website layouts.
Design attention-grabbing user interfaces and dashboards.
Build strong and vibrant branding and logo designs.
Create appealing packaging and marketing materials.
Improve contrast when paired with darker colors.
Use as a foundation for warm and vibrant color palettes.

HEX, RGB and HSL Color Codes

Each orange shade on this page includes HEX, RGB and HSL values. HEX color codes are commonly used in CSS and web development, RGB values are useful for digital screens and graphic software, while HSL values make it easier to adjust brightness and create custom color variations.

Why Use Different Orange Shades?

Create depth and visual hierarchy.
Add energy and warmth to designs.
Improve readability and contrast.
Match specific branding requirements.
Create modern, vibrant and dynamic aesthetics.

Perfect for Designers and Developers

Whether you are designing a website, mobile application, logo, presentation, product packaging or marketing campaign, these orange shades provide versatile color options that work well with nearly every design style and color palette.

Copy Orange Color Codes Instantly

Browse the orange shades listed above and copy HEX, RGB or HSL values with a single click. This makes it easy to use your favorite orange colors directly in CSS, design software and development projects.

Frequently Asked Questions

Common questions about orange shades, color codes and their use in design and development.

Orange shades are variations of orange that include subtle red, yellow, peach, and amber undertones. Popular examples include Tangerine, Pumpkin, Carrot, Coral and Burnt Orange.

The HEX code for pure orange is #FFA500. It is widely used in web design, graphic design and digital interfaces.

Orange is a bright primary color, while amber is a warmer yellowish-orange shade that feels softer and more golden in appearance.

HEX, RGB and HSL color codes help designers and developers accurately use colors across websites, mobile applications, design software and digital products.

Popular choices include Tangerine, Pumpkin, Amber and Burnt Orange because they create a vibrant, energetic and modern look.

Yes. You can easily copy HEX, RGB and HSL values from the color cards and use them directly in CSS, design tools, branding projects and software development.