#F4C430 · Saffron
Click to copy#F4C430 is a medium, highly saturated yellow color, closest to Saffron and near Amber and Citrine. In OKLCH it has 84% lightness and 0.16 chroma at hue 89°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #F4C430 a natural choice for highlights, warning states and cheerful campaigns.
Color codes click to copy
HEX
#F4C430RGB
rgb(244, 196, 48)HSL
hsl(45, 90%, 57%)CMYK
0, 20, 80, 4CSS var
--saffronContrast
1.64:1 white · 12.79:1 blackSimilar named colors
How to use #F4C430
Black text passes WCAG AA on #F4C430 (12.79:1); white text does not (1.64:1).
For a calm scheme pair #F4C430 with its analogous neighbors #F4602F and #C3F42F; for contrast use its complement #2F60F4 as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #F4C430;
$saffron: #F4C430;
colors: { 'saffron': '#F4C430' }