Start Now!COLOR STUDIOColor library
Vivid Yellow #FDF500
Vivid Yellow has the HEX code #FDF500, RGB value rgb(253, 245, 0) and HSL value hsl(58, 100%, 50%).
#FDF500
Color values
HEX#FDF500
RGBrgb(253, 245, 0)
HSLhsl(58, 100%, 50%)
Vivid Yellow shades
A Tailwind-style scale built from #FDF500.
- 50
#FFFFF0
- 100
#FFFDBF
- 200
#FFFB8F
- 300
#FFFA5F
- 400
#FFF82E
- 500
#FDF500
- 600
#D8D100
- 700
#B2AD00
- 800
#8D8900
- 900
#686400
- 950
#424000
Text contrast
How Vivid Yellow reads as text, by WCAG 2.2.
On white1.15:1, below AA for normal text
On black18.23:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#0008FD
#86FD00
#F9F8DC
#4E4C0E
What yellow can communicate
Bright, optimistic, and attention-catching.
Associations vary by audience and culture. Yellow often reads as cheerful, but it can also signal caution, and in some places it is linked with royalty or mourning.
Often used for: Retail, Kids, Travel.
More about yellowRelated colors
