Theme Generator

Your color has been automatically placed at position:
color-500

The position is determined by analyzing the brightness of your selected color. Brighter colors are placed in lower positions (100-400), medium colors in the middle (500), and darker colors in higher positions (600-900).

Generated Colors

Color range: 50-950 (from lightest to darkest)

All colors maintain some of the original hue, even at the extremes.

Your selected color (#0d9b44) is positioned at color-500