#FFFDE7
#FFF176
#CFD8FF
#212121
#FFF176 · Pineapple
Click to copy#FFF176 is a light, highly saturated yellow color, closest to Pineapple and near Pineapple and Maize. In OKLCH it has 95% lightness and 0.14 chroma at hue 103°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFF176 a natural choice for highlights, warning states and cheerful campaigns. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#FFF176RGB
rgb(255, 241, 118)HSL
hsl(54, 100%, 73%)CMYK
0, 5, 54, 0CSS var
--pineappleContrast
1.16:1 white · 18.1:1 blackSimilar named colors
How to use #FFF176
Black text passes WCAG AA on #FFF176 (18.1:1); white text does not (1.16:1).
For a calm scheme pair #FFF176 with its analogous neighbors #FFAC75 and #C8FF75; for contrast use its complement #7583FF as a small accent, and anchor everything with a neutral such as #1F1F24.
--pineapple: #FFF176;
$pineapple: #FFF176;
colors: { 'pineapple': '#FFF176' }