Start Now!COLOR STUDIOColor library
Yellow #FFFF00
Yellow has the HEX code #FFFF00, RGB value rgb(255, 255, 0) and HSL value hsl(60, 100%, 50%).
#FFFF00
Color values
HEX#FFFF00
RGBrgb(255, 255, 0)
HSLhsl(60, 100%, 50%)
Yellow shades
A Tailwind-style scale built from #FFFF00.
- 50
#FFFFF0
- 100
#FFFFC0
- 200
#FFFF90
- 300
#FFFF60
- 400
#FFFF30
- 500
#FFFF00
- 600
#D9D900
- 700
#B4B400
- 800
#8E8E00
- 900
#686800
- 950
#424200
Text contrast
How Yellow reads as text, by WCAG 2.2.
On white1.07:1, below AA for normal text
On black19.55:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#0000FF
#80FF00
#F9F9DC
#4E4E0E
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
