#84A59D
#F5CAC3
#F6BD60
#F7EDE2
#F6BD60 · Saffron
Click to copy#F6BD60 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 78°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #F6BD60 a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#F6BD60RGB
rgb(246, 189, 96)HSL
hsl(37, 89%, 67%)CMYK
0, 23, 61, 4CSS var
--saffronContrast
1.7:1 white · 12.37:1 blackSimilar named colors
How to use #F6BD60
Black text passes WCAG AA on #F6BD60 (12.37:1); white text does not (1.7:1).
For a calm scheme pair #F6BD60 with its analogous neighbors #F67160 and #E4F660; for contrast use its complement #6099F6 as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #F6BD60;
$saffron: #F6BD60;
colors: { 'saffron': '#F6BD60' }