Start Now!COLOR STUDIOColor library
Vivid Orange #F9A602
Vivid Orange has the HEX code #F9A602, RGB value rgb(249, 166, 2) and HSL value hsl(40, 98%, 49%).
#F9A602
Color values
HEX#F9A602
RGBrgb(249, 166, 2)
HSLhsl(40, 98%, 49%)
Vivid Orange shades
A Tailwind-style scale built from #F9A602.
- 50
#FFFAF0
- 100
#FFECC8
- 200
#FEDE9F
- 300
#FED177
- 400
#FEC34F
- 500
#FDB526
- 600
#F9A602
- 700
#CB8702
- 800
#9D6901
- 900
#704A01
- 950
#422C01
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white2.00:1, below AA for normal text
On black10.48:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#0255F9
#D0F902
#F9EFDC
#4E380E
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
