Light Orange Color Code: HEX Code & RGB Code Values

Looking for specific light orange color code? Get exact light orange hex code #FFD580 and light orange RGB code rgb(255,213,128). Complete color information for design and development projects featuring this soft, warm orange color.

HEX#FFD580

RGBrgb(255,213,128)

Shades of Light Orange

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• FFD580

  rgb(255, 213, 128)
• D0AE6A

  rgb(208, 174, 106)
• A38854

  rgb(163, 136, 84)
• 786540

  rgb(120, 101, 64)
• 4F432C

  rgb(79, 67, 44)
• 2A241A

  rgb(42, 36, 26)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• FFD580

  rgb(255, 213, 128)
• FFDC97

  rgb(255, 220, 151)
• FFE4AD

  rgb(255, 228, 173)
• FFEBC2

  rgb(255, 235, 194)
• FFF2D7

  rgb(255, 242, 215)
• FFF8EB

  rgb(255, 248, 235)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• FFD580

  rgb(255, 213, 128)
• FCD68B

  rgb(252, 214, 139)
• F7D699

  rgb(247, 214, 153)
• F2D7A8

  rgb(242, 215, 168)
• EBD8B8

  rgb(235, 216, 184)
• E4D9C9

  rgb(228, 217, 201)
• 808080

  rgb(128, 128, 128)

Light Orange Palette

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

#FFF7E5

Light

#FFEBC4

Medium Light

#FFE0A2

Medium

#FFD580

Medium Dark

#E6B55D

Dark

#CC963A

Darkest

#B17812

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#FFD580

Left Dark

#FFDD9E

Left Medium

#FDE5BB

Left Light

#FAEDD8

Neutral

#F5F5F5

Right Light

#DBE2F8

Right Medium

#C0CFFB

Right Dark

#A2BCFD

Complementary End

#80AAFF

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FFEABF

Medium

#FFD580

Dark

#81630E

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#FF80AA

Left Adjacent 1

#FF9680

Main

#FFD580

Right Adjacent 1

#EAFF80

Right Adjacent 2

#AAFF80

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#FFD580

Complementary

#80AAFF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#FFD580

Secondary

#80FFD5

Tertiary

#D580FF

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#FFD580

Right 90°

#80FF96

Complementary

#80AAFF

Left 90°

#FF80E9

Tetradic

Two pairs of complementary colors

4 colors

Main

#FFD580

Secondary

#AAFF80

Complementary

#80AAFF

Complementary Secondary

#D580FF

Split Complementary

Complementary colors ±30°

3 colors

Main

#FFD580

Split Left

#80EAFF

Split Right

#9680FF

Cyclic

Circular gradient for periodic data

8 colors

0°

#FFD580

45°

#CAFF80

90°

#80FF96

135°

#80FFF5

180°

#80AAFF

225°

#B580FF

270°

#FF80E9

315°

#FF808A

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C9BA9C

Pastel 1

#D1C3A9

Pastel 2

#D8CDB6

Pastel 3

#DFD6C3

Pastel 4

#E6DFD1

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)

Extract Light Orange Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Light Orange Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #FFD580
• RGB:
  rgb(255, 213, 128)
• CMYK:
  cmyk(0%, 16%, 50%, 0%)
• HSV:
  hsv(40°, 50%, 100%)
• HSL:
  hsl(40°, 100%, 75%)

---

What is Light Orange?

Light orange is a soft, warm orange color that's lighter than standard orange. It's a gentle, inviting shade that evokes feelings of warmth and happiness. This color is often associated with sunshine, citrus, and cheerful aesthetics.

The hex code for light orange is #FFD580, with RGB values of rgb(255, 213, 128). It's a bright, cheerful color that adds warmth to any design.

Design Applications

Light orange works well in summer designs, food branding, and cheerful themes. It pairs beautifully with white, cream, and light green. Use it for citrus products, summer campaigns, or to create a bright, inviting atmosphere in your projects.

FAQ

What is the light orange hex code?

The light orange hex code is #FFD580.

What colors go well with light orange?

Light orange pairs well with white, cream, light green, and sky blue.

Is light orange a cheerful color?

Yes, it's often associated with sunshine and happiness.