#F94144
#F3722C
#F9C74F
#90BE6D
#F9C74F · Saffron
Click to copy#F9C74F is a medium, highly saturated yellow color, closest to Saffron and near Saffron and Amber. In OKLCH it has 85% lightness and 0.15 chroma at hue 86°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #F9C74F a natural choice for highlights, warning states and cheerful campaigns. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#F9C74FRGB
rgb(249, 199, 79)HSL
hsl(42, 93%, 64%)CMYK
0, 20, 68, 2CSS var
--saffronContrast
1.58:1 white · 13.31:1 blackSimilar named colors
How to use #F9C74F
Black text passes WCAG AA on #F9C74F (13.31:1); white text does not (1.58:1).
For a calm scheme pair #F9C74F with its analogous neighbors #F9704E and #D6F94E; for contrast use its complement #4E81F9 as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #F9C74F;
$saffron: #F9C74F;
colors: { 'saffron': '#F9C74F' }