ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(217, 30.6%, 56%)

« hsl(216, 30.6%, 56%)
« hsl(218, 30.6%, 56%) »

Key Values

Hue
217°
saturation
30.6%
lightness
56%
hex
#6c87b1

Color variations

to 100% saturation

31% 37.9% 44.8% 51.7% 58.6% 65.5% 72.4% 79.3% 86.2% 93.1% 100%

to 0% saturation

31% 27.9% 24.8% 21.7% 18.6% 15.5% 12.4% 9.3% 6.2% 3.1% 0%

to 100% lightness

56%60.4%64.8%69.2%73.6%78%82.4%86.8%91.2%95.6%100%

to 0% lightness

56%50.4%44.8%39.2%33.6%28%22.4%16.8%11.2%5.6%0%

Color harmonies

complementary color

hsl(217, 30.6%, 56%)
hsl(37, 30.6%, 56%)

tegradic colors

hsl(217, 30.6%, 56%)
hsl(307, 30.6%, 56%)hsl(37, 30.6%, 56%)hsl(127, 30.6%, 56%)

split complementary colors

hsl(217, 30.6%, 56%)
hsl(7, 30.6%, 56%)hsl(67, 30.6%, 56%)

triadic colors

hsl(217, 30.6%, 56%)
hsl(337, 30.6%, 56%)hsl(97, 30.6%, 56%)

analagous colors

hsl(127, 30.6%, 56%)hsl(157, 30.6%, 56%)hsl(187, 30.6%, 56%)
hsl(217, 30.6%, 56%)
hsl(247, 30.6%, 56%)hsl(277, 30.6%, 56%)hsl(307, 30.6%, 56%)