Color hsl(302, 56.8%, 30%)

« hsl(301, 56.8%, 30%)

« hsl(303, 56.8%, 30%) »

Key Values

Hue

302°

saturation

56.8%

lightness

30%

hex

Color variations

to 100% saturation

57% 61.3% 65.6% 69.9% 74.2% 78.5% 82.8% 87.1% 91.4% 95.7% 100%

to 0% saturation

57% 51.3% 45.6% 39.9% 34.2% 28.5% 22.8% 17.1% 11.4% 5.7% 0%

to 100% lightness

30%37%44%51%58%65%72%79%86%93%100%

to 0% lightness

30%27%24%21%18%15%12%9%6%3%0%

Color harmonies

complementary color

hsl(302, 56.8%, 30%)

hsl(122, 56.8%, 30%)

tegradic colors

hsl(302, 56.8%, 30%)

hsl(32, 56.8%, 30%)hsl(122, 56.8%, 30%)hsl(212, 56.8%, 30%)

split complementary colors

hsl(302, 56.8%, 30%)

hsl(92, 56.8%, 30%)hsl(152, 56.8%, 30%)

triadic colors

hsl(302, 56.8%, 30%)

hsl(62, 56.8%, 30%)hsl(182, 56.8%, 30%)

analagous colors

hsl(212, 56.8%, 30%)hsl(242, 56.8%, 30%)hsl(272, 56.8%, 30%)

hsl(302, 56.8%, 30%)

hsl(332, 56.8%, 30%)hsl(2, 56.8%, 30%)hsl(32, 56.8%, 30%)