What is Orange color? Meaning, Hex codes and Palettes

Explore the hex code, RGB, HSL, CMYK and LAB values for Orange, see how it looks for people with color vision deficiencies, and find color harmonies built around it.

#FFA500
HEX#FFA500
RGB255, 165, 0
HSL39°, 100%, 50%
HSB39°, 100%, 100%
CMYK0, 35, 100, 0
LAB75, 24, 79
XYZ54.7, 48.2, 6.4
LCH75, 82, 73°
LUV75, 75, 74
HWB39°, 0%, 0%

Orange Color Variations

Shades, tints, tones and hues built from orange. Hover any swatch to see its hex code.

Shades

#FFA500
#DB8D00
#B67600
#925E00
#6D4700
#492F00
#241800
#000000

Tints

#FFA500
#FFB224
#FFBF49
#FFCC6D
#FFD892
#FFE5B6
#FFF2DB
#FFFFFF

Tones

#FFA500
#EDA012
#DB9A25
#C99537
#B69049
#A48B5B
#92856E
#808080

Hues

#FFA500
#9AFF00
#00FF25
#00FFE5
#005AFF
#6500FF
#FF00DA
#FF001A

Orange Color Contrast

Check how readable text and graphics are against orange. Adjust the text and background colors to see the WCAG contrast score update in real time.

Text Color
#000000
Background Color
#FFA500
10.63Great

High Contrast Sample Text

Strong color contrast improves legibility for everyone.

The Orange color with the hex code #FFA500 is a vibrant blend of red and yellow that symbolizes energy, enthusiasm, creativity, and warmth. It is often associated with optimism, confidence, adventure, and social connection, making it one of the most expressive colors in color psychology. Orange #FFA500 creates a lively and welcoming atmosphere, making it a popular choice for designs that aim to capture attention and inspire action.

Orange Color Harmonies

Ready-made color scheme combinations built around orange, from subtle analogous palettes to bold, high-contrast pairings.

Analogous

#FF2500
#FFA500
#DAFF00

Complementary

#FFA500
#005AFF

Split Complementary

#FFA500
#00DAFF
#2500FF

Triadic

#FFA500
#00FFA5
#A500FF

Tetradic

#FFA500
#5AFF00
#005AFF
#A500FF

Square

#FFA500
#00FF25
#005AFF
#FF00DA

Orange Color Blindness Preview

See how orange is perceived by people with the most common color vision deficiencies.

Protanopia
#FFA500
Original
#D8D728
Protanopia
Deuteranopia
#FFA500
Original
#DDE432
Deuteranopia
Tritanopia
#FFA500
Original
#FB474E
Tritanopia
Achromatopsia
#FFA500
Original
#ADADAD
Achromatopsia

Frequently Asked Questions

1. What color is Orange?

Orange is a vibrant color created by combining red and yellow, positioned between the two on the color wheel. The Orange color is represented by the hex code #FFA500 and is often associated with energy, creativity, warmth, and optimism. It is widely used in branding, fashion, design, and marketing to create bold, friendly, and attention-grabbing visuals.

2. What colors make Orange?

To make Orange, mix equal parts red and yellow. You can adjust the shade by adding more red for a deeper orange or more yellow for a brighter, golden orange. In digital design, the standard Orange color is represented by the hex code #FFA500.

3. What colors go with Orange?

Orange pairs well with colors like blue, white, black, grey, navy, teal, and cream. These combinations create balanced, vibrant palettes that highlight the warmth and energy of the Orange color. For a more natural look, Orange also works beautifully with olive green, brown, and beige.

More Color Meanings