#00B5F0
#FF9E1B
#FFC757
#1F1F1F
#FFC757 · Saffron
Click to copy#FFC757 is a medium, highly saturated yellow color, closest to Saffron and near Saffron and Amber. In OKLCH it has 86% lightness and 0.14 chroma at hue 82°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFC757 a natural choice for highlights, warning states and cheerful campaigns. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#FFC757RGB
rgb(255, 199, 87)HSL
hsl(40, 100%, 67%)CMYK
0, 22, 66, 0CSS var
--saffronContrast
1.55:1 white · 13.56:1 blackSimilar named colors
How to use #FFC757
Black text passes WCAG AA on #FFC757 (13.56:1); white text does not (1.55:1).
For a calm scheme pair #FFC757 with its analogous neighbors #FF7357 and #E3FF57; for contrast use its complement #578FFF as a small accent, and anchor everything with a neutral such as #1F1F24.
--saffron: #FFC757;
$saffron: #FFC757;
colors: { 'saffron': '#FFC757' }