"Tailwind" color palette

web developmentminimalistjavascriptmoderncleandynamicpastelvibrantgradientbrightneutralresponsivecssgrayscale

18

Recommended Color Schemes

Classic Blue

#007bff
primary
#e0e0e0
secondary
#dc3545
accent

Dark Slate

#212529
primary
#e0e0e0
secondary
#007bff
accent

Light Gray

#e0e0e0
primary
#212529
secondary
#007bff
accent

Light Cyan

#f0ffff
primary
#e0e0e0
secondary
#dc3545
accent

Bright Red

#dc3545
primary
#212529
secondary
#007bff
accent

Dark Theme

#212529
primary
#f0ffff
secondary
#dc3545
accent

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

#007bff color shades

#e0e0e0 color shades

#212529 color shades

#f0ffff color shades

#dc3545 color shades

Resource

More Palettes with Tailwind