Start Now!COLOR STUDIOColor library
Vivid Orange #FF9F1C
Vivid Orange has the HEX code #FF9F1C, RGB value rgb(255, 159, 28) and HSL value hsl(35, 100%, 55%).
#FF9F1C
Color values
HEX#FF9F1C
RGBrgb(255, 159, 28)
HSLhsl(35, 100%, 55%)
Vivid Orange shades
A Tailwind-style scale built from #FF9F1C.
- 50
#FFF9F0
- 100
#FFE7C5
- 200
#FFD59B
- 300
#FFC371
- 400
#FFB146
- 500
#FF9F1C
- 600
#F08A00
- 700
#C47100
- 800
#995800
- 900
#6E3F00
- 950
#422600
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.
#1C7CFF
#EDFF1C
#F9EDDC
#4E330E
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
