COLOR STUDIOColor library
Vivid Orange #FF9E7D
Vivid Orange has the HEX code #FF9E7D, RGB value rgb(255, 158, 125) and HSL value hsl(15, 100%, 75%).
#FF9E7D
Color values
HEX#FF9E7D
RGBrgb(255, 158, 125)
HSLhsl(15, 100%, 75%)
Vivid Orange shades
A Tailwind-style scale built from #FF9E7D.
- 50
#FFF4F0
- 100
#FFD7C9
- 200
#FFBBA3
- 300
#FF9E7D
- 400
#FF7D50
- 500
#FF5B23
- 600
#F63E00
- 700
#C93300
- 800
#9C2800
- 900
#6F1C00
- 950
#421100
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white2.01:1, below AA for normal text
On black10.43:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#33CBFF
#FFD34D
#F9E4DC
#4E1E0E
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
