Color Toolkit

Palettes, gradients, and contrast/accessibility checking.

Base color

#3B82F6

Harmony

#3B82F6

rgb(59, 130, 246)

hsl(217, 91%, 60%)

Nearest Tailwind: blue-500

#9EC1FA

rgb(158, 193, 250)

hsl(217, 90%, 80%)

Nearest Tailwind: blue-300

#0950C3

rgb(9, 80, 195)

hsl(217, 91%, 40%)

Nearest Tailwind: blue-700

#F6AF3C

rgb(246, 175, 60)

hsl(37, 91%, 60%)

Nearest Tailwind: amber-300

#FAD79E

rgb(250, 215, 158)

hsl(37, 90%, 80%)

Nearest Tailwind: red-300

100% client-side — nothing you enter here ever leaves your browser.

Command palette