#D62828
#F77F00
#FCBF49
#EAE2B7
#FCBF49 · Saffron
Click to copy#FCBF49 is a medium, highly saturated yellow color, closest to Saffron and near Saffron and Amber. In OKLCH it has 84% lightness and 0.15 chroma at hue 80°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FCBF49 a natural choice for highlights, warning states and cheerful campaigns. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#FCBF49RGB
rgb(252, 191, 73)HSL
hsl(40, 97%, 64%)CMYK
0, 24, 71, 1CSS var
--saffronContrast
1.66:1 white · 12.69:1 blackSimilar named colors
How to use #FCBF49
Black text passes WCAG AA on #FCBF49 (12.69:1); white text does not (1.66:1).
For a calm scheme pair #FCBF49 with its analogous neighbors #FC684A and #DFFC4A; for contrast use its complement #4A86FC as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #FCBF49;
$saffron: #FCBF49;
colors: { 'saffron': '#FCBF49' }