Color Picker & Converter

Pick any color and instantly convert between HEX, RGB, RGBA, HSL, HSV, and CMYK. Generate harmonies, shades, find the nearest Tailwind class, and export for CSS, SCSS, or JSON.

Opacity100%

4.54:1 white

4.62:1 black

All Formats

HEX#6D5DFC

RGBrgb(109, 93, 252)

RGBArgba(109, 93, 252, 1.00)

HSLhsl(246, 96%, 68%)

HSLAhsla(246, 96%, 68%, 1.00)

HSVhsv(246, 63%, 99%)

CMYKcmyk(57%, 63%, 0%, 1%)

Nearest Tailwind Color

indigo-500#6366F1

Shades & Tints

DarkLight

Color Harmonies

#6D5DFC

#ECFC5F

Export

/* CSS Custom Property */
--color-primary: #6D5DFC;
--color-primary-rgb: 109, 93, 252;