Color Converter & Shades

One colour, four notations, plus a 10-step shade scale. Pick the primary colour and derive the rest from it.

#4f46e5

Click a swatch to copy its value

HEX	#4f46e5
RGB	rgb(79, 70, 229)
HSL	hsl(243, 75%, 59%)
HSV	hsv(243, 69%, 90%)

Shades (50-900)

50

#eeedfc

100

#dddbfa

200

#b2aff4

300

#7f79ec

500

#5048e5

400

#4c44e4

600

#271ed2

700

#1d169c

800

#151070

900

#0c0a43

Notes

Shades are generated by lowering HSL lightness while keeping hue and saturation — the least surprising approach.
HEX is emitted in lowercase, matching most design tools.
Alpha is not supported here; use rgba() and the contrast checker for transparency.