#FFF9E3
#FFE566
#00D9E7
#3A3A3A
#FFE566 · Pineapple
Click to copy#FFE566 is a medium, highly saturated yellow color, closest to Pineapple and near Pineapple and Maize. In OKLCH it has 92% lightness and 0.15 chroma at hue 98°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFE566 a natural choice for highlights, warning states and cheerful campaigns. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#FFE566RGB
rgb(255, 229, 102)HSL
hsl(50, 100%, 70%)CMYK
0, 10, 60, 0CSS var
--pineappleContrast
1.26:1 white · 16.65:1 blackSimilar named colors
How to use #FFE566
Black text passes WCAG AA on #FFE566 (16.65:1); white text does not (1.26:1).
For a calm scheme pair #FFE566 with its analogous neighbors #FF9966 and #CCFF66; for contrast use its complement #6680FF as a small accent, and anchor everything with a neutral such as #1F1F24.
--pineapple: #FFE566;
$pineapple: #FFE566;
colors: { 'pineapple': '#FFE566' }