Color Studio

Pick a color to instantly get all formats, sliders, and tints & shades.

Hex Value

Color Formats

HEX #7c3aed

RGB rgb(124, 58, 237)

HSL hsl(262, 83%, 58%)

OKLCH (modern CSS) oklch(0.52 0.26 274)

CSS Variable --color: #7c3aed;

Tailwind Approx. —

R G B

H S L

Click any swatch to set it as the active color.

Tints (toward white)

Shades (toward black)

Copied!