YellowMid-toneVivid

Crushed Pineapple

#F0CB41

Contrast at a glance

White text

1.58:1Fails

Black text

12.56:1AAA

Open the contrast checker →

About Crushed Pineapple

Crushed Pineapple (#F0CB41) is a mid-tone vivid yellow. Its RGB value is 240, 203, 65 and its HSL value is 47°, 85%, 60%. Black text reads best on it, at a contrast ratio of 12.56:1 (WCAG AAA). Below are ten tints and shades of Crushed Pineapple, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#F0CB41 · #4166F0

Analogous

#F07341 · #F0CB41 · #BEF041

Triadic

#F0CB41 · #41F0CB · #CB41F0

Split complementary

#F0CB41 · #41BEF0 · #7341F0

Do more with Crushed Pineapple

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast