Start Now!COLOR STUDIOColor library
Vivid Orange #FF8A3C
Vivid Orange has the HEX code #FF8A3C, RGB value rgb(255, 138, 60) and HSL value hsl(24, 100%, 62%).
#FF8A3C
Color values
HEX#FF8A3C
RGBrgb(255, 138, 60)
HSLhsl(24, 100%, 62%)
Vivid Orange shades
A Tailwind-style scale built from #FF8A3C.
- 50
#FFF6F0
- 100
#FFDBC3
- 200
#FFC096
- 300
#FFA569
- 400
#FF8A3C
- 500
#FF7113
- 600
#E85D00
- 700
#BF4C00
- 800
#953C00
- 900
#6C2B00
- 950
#421B00
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white2.34:1, below AA for normal text
On black8.95:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#33ADFF
#FFEC3C
#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
