#FF8C42
#FFB347
#FFD166
#FFF1CC
#FFD166 · Saffron
Click to copy#FFD166 is a medium, highly saturated yellow color, closest to Saffron and near Saffron and Gold. In OKLCH it has 88% lightness and 0.13 chroma at hue 86°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFD166 a natural choice for highlights, warning states and cheerful campaigns. It appears in 10 ColorSwoop palettes.
Color codes click to copy
HEX
#FFD166RGB
rgb(255, 209, 102)HSL
hsl(42, 100%, 70%)CMYK
0, 18, 60, 0CSS var
--saffronContrast
1.44:1 white · 14.56:1 blackSimilar named colors
How to use #FFD166
Black text passes WCAG AA on #FFD166 (14.56:1); white text does not (1.44:1).
For a calm scheme pair #FFD166 with its analogous neighbors #FF8566 and #E0FF66; for contrast use its complement #6694FF as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #FFD166;
$saffron: #FFD166;
colors: { 'saffron': '#FFD166' }