COLOR STUDIOColor library
Orange #E8A77C
Orange has the HEX code #E8A77C, RGB value rgb(232, 167, 124) and HSL value hsl(24, 70%, 70%).
#E8A77C
Color values
HEX#E8A77C
RGBrgb(232, 167, 124)
HSLhsl(24, 70%, 70%)
Orange shades
A Tailwind-style scale built from #E8A77C.
- 50
#FDF6F2
- 100
#F8E2D4
- 200
#F2CFB7
- 300
#EDBB99
- 400
#E8A77C
- 500
#E18B53
- 600
#DA702A
- 700
#B45A20
- 800
#8B4618
- 900
#613111
- 950
#381C0A
Text contrast
How Orange reads as text, by WCAG 2.2.
On white2.04:1, below AA for normal text
On black10.24:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#51A8E1
#E4D867
#F9E8DC
#4E270E
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
