ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(220.77, 97%, 63%)

« hsl(219.77, 97%, 63%)
« hsl(221.77, 97%, 63%) »

Key Values

Hue
220.77°
saturation
97%
lightness
63%
hex
#4580fc

Color variations

to 0% saturation

97% 87.3% 77.6% 67.9% 58.2% 48.5% 38.8% 29.1% 19.4% 9.7% 0%

to 100% lightness

63%66.7%70.4%74.1%77.8%81.5%85.2%88.9%92.6%96.3%100%

to 0% lightness

63%56.7%50.4%44.1%37.8%31.5%25.2%18.9%12.6%6.3%0%

Color harmonies

complementary color

hsl(220.77, 97%, 63%)
hsl(40.77, 97%, 63%)

tegradic colors

hsl(220.77, 97%, 63%)
hsl(310.77, 97%, 63%)hsl(40.77, 97%, 63%)hsl(130.77, 97%, 63%)

split complementary colors

hsl(220.77, 97%, 63%)
hsl(10.77, 97%, 63%)hsl(70.77, 97%, 63%)

triadic colors

hsl(220.77, 97%, 63%)
hsl(340.77, 97%, 63%)hsl(100.77, 97%, 63%)

analagous colors

hsl(130.77, 97%, 63%)hsl(160.77, 97%, 63%)hsl(190.77, 97%, 63%)
hsl(220.77, 97%, 63%)
hsl(250.77, 97%, 63%)hsl(280.77, 97%, 63%)hsl(310.77, 97%, 63%)