#004643
#ABD1C6
#E8E4E6
#F9BC60
#F9BC60 · Saffron
Click to copy#F9BC60 is a medium, highly saturated yellow color, closest to Saffron and near Saffron and Amber. In OKLCH it has 83% lightness and 0.13 chroma at hue 76°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #F9BC60 a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#F9BC60RGB
rgb(249, 188, 96)HSL
hsl(36, 93%, 68%)CMYK
0, 24, 61, 2CSS var
--saffronContrast
1.69:1 white · 12.39:1 blackSimilar named colors
How to use #F9BC60
Black text passes WCAG AA on #F9BC60 (12.39:1); white text does not (1.69:1).
For a calm scheme pair #F9BC60 with its analogous neighbors #F97162 and #EAF962; for contrast use its complement #629EF9 as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #F9BC60;
$saffron: #F9BC60;
colors: { 'saffron': '#F9BC60' }