#FFF4CC
#FFE066
#4CC9F0
#1B4965
#FFE066 · Pineapple
Click to copy#FFE066 is a medium, highly saturated yellow color, closest to Pineapple and near Pineapple and Banana. In OKLCH it has 91% lightness and 0.14 chroma at hue 95°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFE066 a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#FFE066RGB
rgb(255, 224, 102)HSL
hsl(48, 100%, 70%)CMYK
0, 12, 60, 0CSS var
--pineappleContrast
1.3:1 white · 16.11:1 blackSimilar named colors
How to use #FFE066
Black text passes WCAG AA on #FFE066 (16.11:1); white text does not (1.3:1).
For a calm scheme pair #FFE066 with its analogous neighbors #FF9466 and #D1FF66; for contrast use its complement #6685FF as a small accent, and anchor everything with a neutral such as #1F1F24.
--pineapple: #FFE066;
$pineapple: #FFE066;
colors: { 'pineapple': '#FFE066' }