Color hsl(22, 17%, 40%)

« hsl(21, 17%, 40%)

« hsl(23, 17%, 40%) »

Key Values

Hue

22°

saturation

17%

lightness

40%

hex

Color variations

to 100% saturation

17% 25.3% 33.6% 41.9% 50.2% 58.5% 66.8% 75.1% 83.4% 91.7% 100%

to 0% saturation

17% 15.3% 13.6% 11.9% 10.2% 8.5% 6.8% 5.1% 3.4% 1.7% 0%

to 100% lightness

40%46%52%58%64%70%76%82%88%94%100%

to 0% lightness

40%36%32%28%24%20%16%12%8%4%0%

Color harmonies

complementary color

hsl(22, 17%, 40%)

hsl(202, 17%, 40%)

tegradic colors

hsl(22, 17%, 40%)

hsl(112, 17%, 40%)hsl(202, 17%, 40%)hsl(292, 17%, 40%)

split complementary colors

hsl(22, 17%, 40%)

hsl(172, 17%, 40%)hsl(232, 17%, 40%)

triadic colors

hsl(22, 17%, 40%)

hsl(142, 17%, 40%)hsl(262, 17%, 40%)

analagous colors

hsl(292, 17%, 40%)hsl(322, 17%, 40%)hsl(352, 17%, 40%)

hsl(22, 17%, 40%)

hsl(52, 17%, 40%)hsl(82, 17%, 40%)hsl(112, 17%, 40%)