Color hsl(286, 55%, 61%)

« hsl(285, 55%, 61%)

« hsl(287, 55%, 61%) »

Key Values

Hue

286°

saturation

55%

lightness

61%

hex

Color variations

to 100% saturation

55% 59.5% 64% 68.5% 73% 77.5% 82% 86.5% 91% 95.5% 100%

to 0% saturation

55% 49.5% 44% 38.5% 33% 27.5% 22% 16.5% 11% 5.5% 0%

to 100% lightness

61%64.9%68.8%72.7%76.6%80.5%84.4%88.3%92.2%96.1%100%

to 0% lightness

61%54.9%48.8%42.7%36.6%30.5%24.4%18.3%12.2%6.1%0%

Color harmonies

complementary color

hsl(286, 55%, 61%)

hsl(106, 55%, 61%)

tegradic colors

hsl(286, 55%, 61%)

hsl(16, 55%, 61%)hsl(106, 55%, 61%)hsl(196, 55%, 61%)

split complementary colors

hsl(286, 55%, 61%)

hsl(76, 55%, 61%)hsl(136, 55%, 61%)

triadic colors

hsl(286, 55%, 61%)

hsl(46, 55%, 61%)hsl(166, 55%, 61%)

analagous colors

hsl(196, 55%, 61%)hsl(226, 55%, 61%)hsl(256, 55%, 61%)

hsl(286, 55%, 61%)

hsl(316, 55%, 61%)hsl(346, 55%, 61%)hsl(16, 55%, 61%)