Start Now!COLOR STUDIOColor library
Vivid Orange #FFBF69
Vivid Orange has the HEX code #FFBF69, RGB value rgb(255, 191, 105) and HSL value hsl(34, 100%, 71%).
#FFBF69
Color values
HEX#FFBF69
RGBrgb(255, 191, 105)
HSLhsl(34, 100%, 71%)
Vivid Orange shades
A Tailwind-style scale built from #FFBF69.
- 50
#FFF8F0
- 100
#FFE5C3
- 200
#FFD296
- 300
#FFBF69
- 400
#FFAD3F
- 500
#FF9B15
- 600
#EA8600
- 700
#C06E00
- 800
#965600
- 900
#6C3E00
- 950
#422600
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white1.62:1, below AA for normal text
On black12.90:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#338AFF
#F2FF4D
#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
