YellowDarkVivid

Pineapple

#503F0B

Contrast at a glance

White text

10.21:1AAA

Black text

1.94:1Fails

Open the contrast checker →

About Pineapple

Pineapple (#503F0B) is a dark vivid yellow. Its RGB value is 80, 63, 11 and its HSL value is 45°, 76%, 18%. White text reads best on it, at a contrast ratio of 10.21:1 (WCAG AAA). Below are ten tints and shades of Pineapple, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#503F0B · #0B1C50

Analogous

#501C0B · #503F0B · #3F500B

Triadic

#503F0B · #0B503F · #3F0B50

Split complementary

#503F0B · #0B3F50 · #1C0B50

Do more with Pineapple

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

Start a palette Generate a scale Check contrast