#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#F2C14E · Saffron
Click to copy#F2C14E is a medium, highly saturated yellow color, closest to Saffron and near Saffron and Amber. In OKLCH it has 83% lightness and 0.14 chroma at hue 85°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #F2C14E a natural choice for highlights, warning states and cheerful campaigns. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#F2C14ERGB
rgb(242, 193, 78)HSL
hsl(42, 86%, 63%)CMYK
0, 20, 68, 5CSS var
--saffronContrast
1.68:1 white · 12.51:1 blackSimilar named colors
How to use #F2C14E
Black text passes WCAG AA on #F2C14E (12.51:1); white text does not (1.68:1).
For a calm scheme pair #F2C14E with its analogous neighbors #F27050 and #D1F250; for contrast use its complement #5080F2 as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #F2C14E;
$saffron: #F2C14E;
colors: { 'saffron': '#F2C14E' }