Start Now!COLOR STUDIOColor library
Vivid Yellow #FFE066
Vivid Yellow has the HEX code #FFE066, RGB value rgb(255, 224, 102) and HSL value hsl(48, 100%, 70%).
#FFE066
Color values
HEX#FFE066
RGBrgb(255, 224, 102)
HSLhsl(48, 100%, 70%)
Vivid Yellow shades
A Tailwind-style scale built from #FFE066.
- 50
#FFFCF0
- 100
#FFF3C2
- 200
#FFE994
- 300
#FFE066
- 400
#FFD83C
- 500
#FFCF13
- 600
#E8B900
- 700
#BF9800
- 800
#957700
- 900
#6C5600
- 950
#423500
Text contrast
How Vivid Yellow reads as text, by WCAG 2.2.
On white1.30:1, below AA for normal text
On black16.10:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#335CFF
#CAFF4D
#F9F3DC
#4E410E
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
