Pineapple

Get CSS Get IMG
🎨 👨‍💻 HEX 💻 RGB 💡 HSL 🖨️ CMYK
#e7f272 rgb(231, 242, 114)
#dbd534 rgb(219, 213, 52)

Preview UI Components

Note: The color blindness filters doesn't work on some browsers

Buttons

Pineapple
Pineapple
Pineapple

Badges

Pineapple Pineapple

Navbar black text


Navbar white text


Card black text

9:30 AM

Work Meeting


Card white text

6:30 PM

Pizza time!

Color Blindness

Note: The color blindness filters doesn't work on some browsers
Normal
Protanopia
Protanomaly
Deuteranopia
Deuteranomaly
Tritanopia
Tritanomaly
Achromatopsia
Achromatomaly
Normal
Protanopia
Protanomaly
Deuteranopia
Deuteranomaly
Tritanopia
Tritanomaly
Achromatopsia
Achromatomaly