#FFF176 · near Pineapple

#FFF176 (RGB 255, 241, 118) is a light, moderately saturated yellow, closest to Pineapple and near Maize and Butter. 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. In OKLCH it has 95% lightness and 0.14 chroma at hue 103°.

Color codes click to copy

HEX#FFF176

RGBrgb(255, 241, 118)

HSLhsl(54, 100%, 73%)

CMYK0, 5, 54, 0

CSS var--pineapple

Contrast1.16:1 white · 18.1:1 black

Similar named colors

Pineapple #FEEA63Maize #FBEC5DButter #FFFD74Lemon #FFF44FBanana #FFE135

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.

CSSSCSSTailwind

--pineapple: #FFF176;

Copy code

Color card

Shades & tints

#333018#66602F#999147#CCC15E#FFF176#FFF491#FFF7AD#FFF9C8#FFFCE4

Color harmonies for #FFF176

Complementary

#FFF176#7583FF

Analogous

#FFF176#FFAC75#C8FF75

Triadic

#FFF176#75FFF1#F175FF

Split complementary

#FFF176#75C8FF#AC75FF

Tetradic

#FFF176#75FFAC#7583FF#FF75C8