"Tailwind" color palette
Tailwind tags
techcss frameworkweb developmentminimalistjavascriptmoderncleandynamicvibrantelegantneutralresponsiveweb designaccessibilityuser friendly#1d9bf0
#f03c33
#4caf50
#ffc107
#757575
Tailwind Color Conversions To rgb/hex/hsl Codes
HEX #1D9BF0RGB 29, 155, 240HSL 204, 88, 53HEX #F03C33RGB 240, 60, 51HSL 3, 86, 57HEX #4CAF50RGB 76, 175, 80HSL 122, 39, 49HEX #FFC107RGB 255, 193, 7HSL 45, 100, 51HEX #757575RGB 117, 117, 117HSL 0, 0, 46Tailwind Color Palette Complementary
The following are the complementary colors of the selected color palette. Each color is generated by rotating the hue of the color by 180 degrees.
Tailwind color paletteComplementary Rotate 45°
Tailwind color paletteComplementary Rotate 30°
Tailwind color paletteComplementary Rotate 60°
Tailwind Color Palette Shades
The following are the color shades of the selected color palette. Each color shade is generated by decreasing the brightness of the color by 10%. click on the color to copy the hex code.