Orange Color: Best Practices, Color Codes, Palettes & More!

Orange color, yellow to dark, red to light, is a beautiful color. I especially like orange berets. Feel free to use this color.

Design with Figma 👉🏽Buy paint

#ffa500

rgb(255,165,0)

Download Orange Color Palettes

#FFFCFA

#FFF5C5

#FFEBA5

#FFDA46

#FFC71B

#FFA500

#E27C00

#BB5502

#984208

#7C360B

#481A00

Color Conversions

Color Model	Code
HEX	#FF6700
RGB	(255, 103, 0)
HSL	(24°, 100%, 50%)
HSV	(24°, 100%, 100%)
CMYK	(0.00, 0.60, 1.00, 0.00)

Free Holographic Dark Gradients

+10 Free Animated Gradients

Real Design Examples 👇🏽

Color Combination

#00ffff

#aeff00

#e0ff20

#ffa500

#ff1eb7

‍

#fd6a02

#f5b700

#ffa500

#ffbf00

‍

#ff3284

#ffa500

#ffe900

#71db31

#00b4d5

‍

#243407

#964b00

#ffa500

#ffd700

‍

#ffa500

#00ff00

#0000ff

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

Orange Color

#ffa500

Light Yellow

↗️

#ffffe0

Yellow Green

↗️

#9acd32

Heliotrope Purple

↗️

#df73ff

Tints

#ffa500

#ffae19

#ffb732

#ffc04c

#ffc966

#ffd27f

#ffdb99

#ffe4b2

#ffedcc

#fff6e5

#ffffff

Shades

#ffa500

#e59400

#cc8400

#b27300

#996300

#7f5200

#664200

#4c3100

#332100

#191000

#000000

‍

Triadic

#ffa500

#00ffa5

#a500ff

Monochromatic

#b37400

#cc8400

#e69500

#ffa500

#ffae1a

#ffb733

#ffc04d

Analogous

#ffa500

#daff00

#ff2500

Complementary

#ffa500

#005aff

‍

We all want to know how to use orange color in the best possible way. Although orange is never as popular as its counterparts blue, green, or red, it still has its place on the color map and can be used in various situations.

Orange draws attention, it is very noticeable and is often used for warning signs. At the same time, it is a vivid and friendly color and people tend to associate it with a happy environment, so designers are using this connection in their work quite often.

Related: Orange Gradients, all orange colors