Start Now!COLOR STUDIOColor library
Orange #FFA500
Orange has the HEX code #FFA500, RGB value rgb(255, 165, 0) and HSL value hsl(39, 100%, 50%).
#FFA500
Color values
HEX#FFA500
RGBrgb(255, 165, 0)
HSLhsl(39, 100%, 50%)
Orange shades
A Tailwind-style scale built from #FFA500.
- 50
#FFFAF0
- 100
#FFE9C0
- 200
#FFD890
- 300
#FFC760
- 400
#FFB630
- 500
#FFA500
- 600
#D98D00
- 700
#B47400
- 800
#8E5C00
- 900
#684300
- 950
#422B00
Text contrast
How Orange reads as text, by WCAG 2.2.
On white1.97:1, below AA for normal text
On black10.63:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#005AFF
#DAFF00
#F9EFDC
#4E370E
What orange can communicate
Warm, upbeat, and full of energy.
Associations vary by audience and culture. For some audiences orange suggests change, affordability or a sense of fun, and in some traditions it carries spiritual meaning.
Often used for: Food, Creative, Lifestyle.
More about orangeRelated colors
