Color hsl(222, 35%, 12%)

« hsl(221, 35%, 12%)

« hsl(223, 35%, 12%) »

Key Values

Hue

222°

saturation

35%

lightness

12%

hex

Color variations

to 100% saturation

35% 41.5% 48% 54.5% 61% 67.5% 74% 80.5% 87% 93.5% 100%

to 0% saturation

35% 31.5% 28% 24.5% 21% 17.5% 14% 10.5% 7% 3.5% 0%

to 100% lightness

12%20.8%29.6%38.4%47.2%56%64.8%73.6%82.4%91.2%100%

to 0% lightness

12%10.8%9.6%8.4%7.2%6%4.8%3.6%2.4%1.2%0%

Color harmonies

complementary color

hsl(222, 35%, 12%)

hsl(42, 35%, 12%)

tegradic colors

hsl(222, 35%, 12%)

hsl(312, 35%, 12%)hsl(42, 35%, 12%)hsl(132, 35%, 12%)

split complementary colors

hsl(222, 35%, 12%)

hsl(12, 35%, 12%)hsl(72, 35%, 12%)

triadic colors

hsl(222, 35%, 12%)

hsl(342, 35%, 12%)hsl(102, 35%, 12%)

analagous colors

hsl(132, 35%, 12%)hsl(162, 35%, 12%)hsl(192, 35%, 12%)

hsl(222, 35%, 12%)

hsl(252, 35%, 12%)hsl(282, 35%, 12%)hsl(312, 35%, 12%)