"Tailwind" color palette
#007bff
#ffc107
#17a2b8
#6c757d
#e8e9ea
Recommended Color Schemes
Bright Blue
#007bff
primary#ffc107
secondary#17a2b8
accentYellow
#ffc107
primary#17a2b8
secondary#6c757d
accentTeal
#17a2b8
primary#6c757d
secondary#007bff
accentGray
#6c757d
primary#007bff
secondary#ffc107
accentOff White
#e8e9ea
primary#ffc107
secondary#17a2b8
accentModern Choice
#007bff
primary#6c757d
secondary#e8e9ea
accentColor Conversions To rgb/hex/hsl Codes
HEX #007BFFRGB 0, 123, 255HSL 211, 100, 50HEX #FFC107RGB 255, 193, 7HSL 45, 100, 51HEX #17A2B8RGB 23, 162, 184HSL 188, 78, 41HEX #6C757DRGB 108, 117, 125HSL 208, 7, 46HEX #E8E9EARGB 232, 233, 234HSL 210, 5, 91Color 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.
#007bff color shades
#ffc107 color shades
#17a2b8 color shades
#6c757d color shades
#e8e9ea color shades
Resource
