ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(217, 58.8%, 58.2%)

« hsl(216, 58.8%, 58.2%)
« hsl(218, 58.8%, 58.2%) »

Key Values

Hue
217°
saturation
58.8%
lightness
58.2%
hex
#5686d3

Color variations

to 100% saturation

59% 63.1% 67.2% 71.3% 75.4% 79.5% 83.6% 87.7% 91.8% 95.9% 100%

to 0% saturation

59% 53.1% 47.2% 41.3% 35.4% 29.5% 23.6% 17.7% 11.8% 5.9% 0%

to 100% lightness

58%62.2%66.4%70.6%74.8%79%83.2%87.4%91.6%95.8%100%

to 0% lightness

58%52.2%46.4%40.6%34.8%29%23.2%17.4%11.6%5.8%0%

Color harmonies

complementary color

hsl(217, 58.8%, 58.2%)
hsl(37, 58.8%, 58.2%)

tegradic colors

hsl(217, 58.8%, 58.2%)
hsl(307, 58.8%, 58.2%)hsl(37, 58.8%, 58.2%)hsl(127, 58.8%, 58.2%)

split complementary colors

hsl(217, 58.8%, 58.2%)
hsl(7, 58.8%, 58.2%)hsl(67, 58.8%, 58.2%)

triadic colors

hsl(217, 58.8%, 58.2%)
hsl(337, 58.8%, 58.2%)hsl(97, 58.8%, 58.2%)

analagous colors

hsl(127, 58.8%, 58.2%)hsl(157, 58.8%, 58.2%)hsl(187, 58.8%, 58.2%)
hsl(217, 58.8%, 58.2%)
hsl(247, 58.8%, 58.2%)hsl(277, 58.8%, 58.2%)hsl(307, 58.8%, 58.2%)