Orange
Color format
Unlimited palettes, token exports, brand kits and team libraries.
Color harmony
Dark text
8.49:1
White text
1.97:1
Orange is the color that gives a warm palette its point of arrival: softer yellows lead toward it, then rust and red carry the eye onward. #FFA500 sits at the clear, uncomplicated center of that passage.
| Color model | Value | Common use |
|---|---|---|
| HEX | #FFA500 | Web and interface color |
| RGB | rgb(255, 165, 0) | Digital screens |
| HSL | hsl(39, 100%, 50%) | Hue-based adjustments |
| HSV | hsv(39, 100%, 100%) | Color pickers |
| CMYK | 0%, 35%, 100%, 0% | Print reference |
#ffa500
#f4d35e
#e76f51
#763626
#ffa500
#007fff
#b8d5ec
#25344a
#ffa500
#ec6a5c
#f7d98b
#416c55
#ffa500
#d9d84b
#c94b32
#34251f
In a color sequence, Orange acts as a hinge rather than a destination. Place yellow before it and the transition feels sunlit; follow it with red and the same swatch begins to feel hotter. This makes it handy for diagrams or illustrations that need a readable path through warm hues.
For a split-temperature palette, set Orange against Azure; the blue keeps the warm section from closing in on itself. Coral continues the warm route with a softer, pinker turn.
The standard web value is easy to reproduce on screen, but the broad label Orange covers many different inks and paints. If matching a physical reference matters, use #FFA500 as the digital target and make a small print proof before approving the final color.
#ffa500
#ffae1a
#ffb733
#ffc04c
#ffc966
#ffd280
#ffdb99
#ffe4b2
#ffedcc
#fff6e6
#ffffff
#ffa500
#e69400
#cc8400
#b27400
#996300
#805200
#664200
#4c3200
#332100
#1a1000
#ffa500
#00ffa5
#a500ff
#a66b00
#d18700
#ffa500
#ffb52e
#ffc459
#ff2600
#ffa500
#daff00
#ffa500
#005aff