Start Now!COLOR STUDIOColor library
Vivid Orange #FBC531
Vivid Orange has the HEX code #FBC531, RGB value rgb(251, 197, 49) and HSL value hsl(44, 96%, 59%).
#FBC531
Color values
HEX#FBC531
RGBrgb(251, 197, 49)
HSLhsl(44, 96%, 59%)
Vivid Orange shades
A Tailwind-style scale built from #FBC531.
- 50
#FFFBF0
- 100
#FEEDC0
- 200
#FDE090
- 300
#FCD261
- 400
#FBC531
- 500
#FABA0B
- 600
#DAA104
- 700
#B48503
- 800
#8D6803
- 900
#674C02
- 950
#413001
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white1.59:1, below AA for normal text
On black13.13:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#3167FB
#CCFB31
#F9F1DC
#4E3D0E
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
