Color hsl(63, 60%, 40.6%)

« hsl(62, 60%, 40.6%)

« hsl(64, 60%, 40.6%) »

Key Values

Hue

63°

saturation

60%

lightness

40.6%

hex

Color variations

to 100% saturation

60% 64% 68% 72% 76% 80% 84% 88% 92% 96% 100%

to 0% saturation

60% 54% 48% 42% 36% 30% 24% 18% 12% 6% 0%

to 100% lightness

41%46.9%52.8%58.7%64.6%70.5%76.4%82.3%88.2%94.1%100%

to 0% lightness

41%36.9%32.8%28.7%24.6%20.5%16.4%12.3%8.2%4.1%0%

Color harmonies

complementary color

hsl(63, 60%, 40.6%)

hsl(243, 60%, 40.6%)

tegradic colors

hsl(63, 60%, 40.6%)

hsl(153, 60%, 40.6%)hsl(243, 60%, 40.6%)hsl(333, 60%, 40.6%)

split complementary colors

hsl(63, 60%, 40.6%)

hsl(213, 60%, 40.6%)hsl(273, 60%, 40.6%)

triadic colors

hsl(63, 60%, 40.6%)

hsl(183, 60%, 40.6%)hsl(303, 60%, 40.6%)

analagous colors

hsl(333, 60%, 40.6%)hsl(3, 60%, 40.6%)hsl(33, 60%, 40.6%)

hsl(63, 60%, 40.6%)

hsl(93, 60%, 40.6%)hsl(123, 60%, 40.6%)hsl(153, 60%, 40.6%)