Color hsl(286, 50.2%, 72%)

« hsl(285, 50.2%, 72%)

« hsl(287, 50.2%, 72%) »

Key Values

Hue

286°

saturation

50.2%

lightness

72%

hex

Color variations

to 100% saturation

50% 55% 60% 65% 70% 75% 80% 85% 90% 95% 100%

to 0% saturation

50% 45% 40% 35% 30% 25% 20% 15% 10% 5% 0%

to 100% lightness

72%74.8%77.6%80.4%83.2%86%88.8%91.6%94.4%97.2%100%

to 0% lightness

72%64.8%57.6%50.4%43.2%36%28.8%21.6%14.4%7.2%0%

Color harmonies

complementary color

hsl(286, 50.2%, 72%)

hsl(106, 50.2%, 72%)

tegradic colors

hsl(286, 50.2%, 72%)

hsl(16, 50.2%, 72%)hsl(106, 50.2%, 72%)hsl(196, 50.2%, 72%)

split complementary colors

hsl(286, 50.2%, 72%)

hsl(76, 50.2%, 72%)hsl(136, 50.2%, 72%)

triadic colors

hsl(286, 50.2%, 72%)

hsl(46, 50.2%, 72%)hsl(166, 50.2%, 72%)

analagous colors

hsl(196, 50.2%, 72%)hsl(226, 50.2%, 72%)hsl(256, 50.2%, 72%)

hsl(286, 50.2%, 72%)

hsl(316, 50.2%, 72%)hsl(346, 50.2%, 72%)hsl(16, 50.2%, 72%)