#2A9D8F
#8AB17D
#E9C46A
#F4A261
#E9C46A · Saffron
Click to copy#E9C46A is a medium, moderately saturated yellow color, closest to Saffron and near Saffron and Amber. In OKLCH it has 83% lightness and 0.12 chroma at hue 87°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #E9C46A a natural choice for highlights, warning states and cheerful campaigns. It appears in 6 ColorSwoop palettes.
Color codes click to copy
HEX
#E9C46ARGB
rgb(233, 196, 106)HSL
hsl(43, 74%, 66%)CMYK
0, 16, 55, 9CSS var
--saffronContrast
1.67:1 white · 12.57:1 blackSimilar named colors
How to use #E9C46A
Black text passes WCAG AA on #E9C46A (12.57:1); white text does not (1.67:1).
For a calm scheme pair #E9C46A with its analogous neighbors #E88468 and #CDE868; for contrast use its complement #688CE8 as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #E9C46A;
$saffron: #E9C46A;
colors: { 'saffron': '#E9C46A' }