"Shadcn" color palette
Shadcn tags
developmentminimalistmodernuiwebcleantailwindcomponentlibrary#0f172a
#1e293b
#334155
#e2e8f0
#cbd5e1
Shadcn Color Conversions To rgb/hex/hsl Codes
HEX #0F172ARGB 15, 23, 42HSL 222, 47, 11HEX #1E293BRGB 30, 41, 59HSL 217, 33, 17HEX #334155RGB 51, 65, 85HSL 215, 25, 27HEX #E2E8F0RGB 226, 232, 240HSL 214, 32, 91HEX #CBD5E1RGB 203, 213, 225HSL 213, 27, 84Shadcn 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.
Shadcn color paletteComplementary Rotate 45°
Shadcn color paletteComplementary Rotate 30°
Shadcn color paletteComplementary Rotate 60°
Shadcn 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.