Start Now!COLOR STUDIOColor library
Saffron #F4C430
Saffron has the HEX code #F4C430, RGB value rgb(244, 196, 48) and HSL value hsl(45, 90%, 57%).
#F4C430
Color values
HEX#F4C430
RGBrgb(244, 196, 48)
HSLhsl(45, 90%, 57%)
Saffron shades
A Tailwind-style scale built from #F4C430.
- 50
#FEFBF0
- 100
#FCF0CA
- 200
#FAE5A3
- 300
#F8DA7D
- 400
#F6CF56
- 500
#F4C430
- 600
#EAB40C
- 700
#C0930A
- 800
#957208
- 900
#6A5106
- 950
#3F3003
Text contrast
How Saffron reads as text, by WCAG 2.2.
On white1.64:1, below AA for normal text
On black12.78:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#3060F4
#C2F430
#F9F2DC
#4E3E0E
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
