"Shadcn" color palette

developmentminimalistmodernuiwebcleantailwindcomponentlibrary

12

Color Conversions To rgb/hex/hsl Codes

HEX #0F172A
RGB 15, 23, 42
HSL 222, 47, 11
HEX #1E293B
RGB 30, 41, 59
HSL 217, 33, 17
HEX #334155
RGB 51, 65, 85
HSL 215, 25, 27
HEX #E2E8F0
RGB 226, 232, 240
HSL 214, 32, 91
HEX #CBD5E1
RGB 203, 213, 225
HSL 213, 27, 84

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.

#0f172a color shades

#1e293b color shades

#334155 color shades

#e2e8f0 color shades

#cbd5e1 color shades

More Palettes with Shadcn