#FEEA63 · Pineapple
Click to copy#FEEA63 is a medium, highly saturated yellow color, closest to Pineapple and near Maize and Banana. In OKLCH it has 93% lightness and 0.15 chroma at hue 101°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FEEA63 a natural choice for highlights, warning states and cheerful campaigns.
Color codes click to copy
HEX
#FEEA63RGB
rgb(254, 234, 99)HSL
hsl(52, 99%, 69%)CMYK
0, 8, 61, 0CSS var
--pineappleContrast
1.22:1 white · 17.16:1 blackSimilar named colors
How to use #FEEA63
Black text passes WCAG AA on #FEEA63 (17.16:1); white text does not (1.22:1).
For a calm scheme pair #FEEA63 with its analogous neighbors #FE9B62 and #C5FE62; for contrast use its complement #6277FE as a small accent, and anchor everything with a neutral such as #1F1F24.
--pineapple: #FEEA63;
$pineapple: #FEEA63;
colors: { 'pineapple': '#FEEA63' }