"Tailwind" color palette
#007bff
#e0e0e0
#212529
#f0ffff
#dc3545
Recommended Color Schemes
Classic Blue
#007bff
primary#e0e0e0
secondary#dc3545
accentDark Slate
#212529
primary#e0e0e0
secondary#007bff
accentLight Gray
#e0e0e0
primary#212529
secondary#007bff
accentLight Cyan
#f0ffff
primary#e0e0e0
secondary#dc3545
accentBright Red
#dc3545
primary#212529
secondary#007bff
accentDark Theme
#212529
primary#f0ffff
secondary#dc3545
accentColor Conversions To rgb/hex/hsl Codes
HEX #007BFF
RGB 0, 123, 255
HSL 211, 100, 50
HEX #E0E0E0
RGB 224, 224, 224
HSL 0, 0, 88
HEX #212529
RGB 33, 37, 41
HSL 210, 11, 15
HEX #F0FFFF
RGB 240, 255, 255
HSL 180, 100, 97
HEX #DC3545
RGB 220, 53, 69
HSL 354, 70, 54
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.
Complementary Rotate 45°
Complementary Rotate 30°
Complementary Rotate 60°
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.