"Tailwind" color palette

Tailwind tags

techminimalistmoderncleanaccessibledynamicvibrantbrightneutralefficientresponsivecustomizableuser friendly

13

Tailwind Color Conversions To rgb/hex/hsl Codes

HEX #007BFF
RGB 0, 123, 255
HSL 211, 100, 50
HEX #28A745
RGB 40, 167, 69
HSL 134, 61, 41
HEX #DC3545
RGB 220, 53, 69
HSL 354, 70, 54
HEX #FFC107
RGB 255, 193, 7
HSL 45, 100, 51
HEX #6C757D
RGB 108, 117, 125
HSL 208, 7, 46

Tailwind 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.

Tailwind color palette of#007bff color shades

Tailwind color palette of#28a745 color shades

Tailwind color palette of#dc3545 color shades

Tailwind color palette of#ffc107 color shades

Tailwind color palette of#6c757d color shades

Tailwind Resource

More palettes with Tailwind color palette