Depth

Get CSS Get IMG
🎨 👨‍💻 HEX 💻 RGB 💡 HSL 🖨️ CMYK
#387fc2 rgb(56, 127, 194)
#1e8ccc rgb(30, 140, 204)

Preview UI Components


Buttons

Depth
Depth
Depth

Badges

Depth Depth

Navbar text-black


Navbar text-white


Card text-black

9:30 AM

Work Meeting


Card text-white

6:30 PM

Pizza time!

Color Blindness

Normal
Protanopia
Protanomaly
Deuteranopia
Deuteranomaly
Tritanopia
Tritanomaly
Achromatopsia
Achromatomaly
Normal
Protanopia
Protanomaly
Deuteranopia
Deuteranomaly
Tritanopia
Tritanomaly
Achromatopsia
Achromatomaly
Sorry, the color blindness filters are not available on your browser 😔. But they are available on PC 😁