Generate variations of a color with different lightness and saturation values

Select Color

HEX: #1976D2

RGB: rgb(25, 118, 210)

HSL: hsl(210°, 79%, 46%)

Number of Variations

Lightness Range: 50%

Saturation Range: 50%

HEX: #193653

RGB: rgb(25, 54, 83)

HSL: hsl(210°, 54%, 21%)

HEX: #1D568E

RGB: rgb(29, 86, 142)

HSL: hsl(210°, 66%, 34%)

HEX: #1976D2

RGB: rgb(25, 118, 210)

HSL: hsl(210°, 79%, 46%)

HEX: #3596F6

RGB: rgb(53, 150, 246)

HSL: hsl(210°, 91%, 59%)

HEX: #6BB6FF

RGB: rgb(107, 182, 255)

HSL: hsl(210°, 100%, 71%)