#4A3222
#8B5E3C
#F4B942
#FFF8EC
#F4B942 · Saffron
Click to copy#F4B942 is a medium, highly saturated yellow color, closest to Saffron and near Saffron and Amber. In OKLCH it has 82% lightness and 0.15 chroma at hue 81°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #F4B942 a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#F4B942RGB
rgb(244, 185, 66)HSL
hsl(40, 89%, 61%)CMYK
0, 24, 73, 4CSS var
--saffronContrast
1.77:1 white · 11.86:1 blackSimilar named colors
How to use #F4B942
Black text passes WCAG AA on #F4B942 (11.86:1); white text does not (1.77:1).
For a calm scheme pair #F4B942 with its analogous neighbors #F46143 and #D7F443; for contrast use its complement #437EF4 as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #F4B942;
$saffron: #F4B942;
colors: { 'saffron': '#F4B942' }