Start Now!COLOR STUDIOColor library
Vivid Orange #FF9E2C
Vivid Orange has the HEX code #FF9E2C, RGB value rgb(255, 158, 44) and HSL value hsl(32, 100%, 59%).
#FF9E2C
Color values
HEX#FF9E2C
RGBrgb(255, 158, 44)
HSLhsl(32, 100%, 59%)
Vivid Orange shades
A Tailwind-style scale built from #FF9E2C.
- 50
#FFF8F0
- 100
#FFE1BF
- 200
#FFCB8E
- 300
#FFB45D
- 400
#FF9E2C
- 500
#FF8C05
- 600
#DD7800
- 700
#B76300
- 800
#904E00
- 900
#693900
- 950
#422400
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white2.06:1, below AA for normal text
On black10.17:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#2C8DFF
#F7FF2C
#F9ECDC
#4E300E
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
