Start Now!COLOR STUDIOColor library
Vivid Orange #FFC65C
Vivid Orange has the HEX code #FFC65C, RGB value rgb(255, 198, 92) and HSL value hsl(39, 100%, 68%).
#FFC65C
Color values
HEX#FFC65C
RGBrgb(255, 198, 92)
HSLhsl(39, 100%, 68%)
Vivid Orange shades
A Tailwind-style scale built from #FFC65C.
- 50
#FFFAF0
- 100
#FFEDCB
- 200
#FFE0A6
- 300
#FFD381
- 400
#FFC65C
- 500
#FFB62D
- 600
#FDA500
- 700
#CF8600
- 800
#A06800
- 900
#714A00
- 950
#422B00
Text contrast
How Vivid Orange reads as text, by WCAG 2.2.
On white1.55:1, below AA for normal text
On black13.48:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#337AFF
#E4FF4D
#F9EFDC
#4E380E
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
