Start Now!COLOR STUDIOColor library
Vivid Orange #FFBE0B
Vivid Orange has the HEX code #FFBE0B, RGB value rgb(255, 190, 11) and HSL value hsl(44, 100%, 52%).
#FFBE0B
Color values
HEX#FFBE0B
RGBrgb(255, 190, 11)
HSLhsl(44, 100%, 52%)
Vivid Orange shades
A Tailwind-style scale built from #FFBE0B.
- 50
#FFFBF0
- 100
#FFEFC2
- 200
#FFE394
- 300
#FFD666
- 400
#FFCA39
- 500
#FFBE0B
- 600
#E2A600
- 700
#BA8900
- 800
#926B00
- 900
#6A4E00
- 950
#423100
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white1.66:1, below AA for normal text
On black12.62:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#0B4CFF
#C6FF0B
#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
