ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(216, 68%, 60.2%)

« hsl(215, 68%, 60.2%)
« hsl(217, 68%, 60.2%) »

Key Values

Hue
216°
saturation
68%
lightness
60.2%
hex
#548cdf

Color variations

to 100% saturation

68% 71.2% 74.4% 77.6% 80.8% 84% 87.2% 90.4% 93.6% 96.8% 100%

to 0% saturation

68% 61.2% 54.4% 47.6% 40.8% 34% 27.2% 20.4% 13.6% 6.8% 0%

to 100% lightness

60%64%68%72%76%80%84%88%92%96%100%

to 0% lightness

60%54%48%42%36%30%24%18%12%6%0%

Color harmonies

complementary color

hsl(216, 68%, 60.2%)
hsl(36, 68%, 60.2%)

tegradic colors

hsl(216, 68%, 60.2%)
hsl(306, 68%, 60.2%)hsl(36, 68%, 60.2%)hsl(126, 68%, 60.2%)

split complementary colors

hsl(216, 68%, 60.2%)
hsl(6, 68%, 60.2%)hsl(66, 68%, 60.2%)

triadic colors

hsl(216, 68%, 60.2%)
hsl(336, 68%, 60.2%)hsl(96, 68%, 60.2%)

analagous colors

hsl(126, 68%, 60.2%)hsl(156, 68%, 60.2%)hsl(186, 68%, 60.2%)
hsl(216, 68%, 60.2%)
hsl(246, 68%, 60.2%)hsl(276, 68%, 60.2%)hsl(306, 68%, 60.2%)