Start Now!COLOR STUDIOColor library
Vivid Orange #F7A072
Vivid Orange has the HEX code #F7A072, RGB value rgb(247, 160, 114) and HSL value hsl(21, 89%, 71%).
#F7A072
Color values
HEX#F7A072
RGBrgb(247, 160, 114)
HSLhsl(21, 89%, 71%)
Vivid Orange shades
A Tailwind-style scale built from #F7A072.
- 50
#FEF5F1
- 100
#FCD9C6
- 200
#F9BC9C
- 300
#F7A072
- 400
#F5854A
- 500
#F26A22
- 600
#DE550D
- 700
#B6460A
- 800
#8E3708
- 900
#672706
- 950
#3F1804
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white2.05:1, below AA for normal text
On black10.22:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#3EB5F4
#F5DD56
#F9E6DC
#4E240E
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
