Color hsl(20, 37.2%, 40.6%)

« hsl(19, 37.2%, 40.6%)

« hsl(21, 37.2%, 40.6%) »

Key Values

Hue

20°

saturation

37.2%

lightness

40.6%

hex

Color variations

to 100% saturation

37% 43.3% 49.6% 55.9% 62.2% 68.5% 74.8% 81.1% 87.4% 93.7% 100%

to 0% saturation

37% 33.3% 29.6% 25.9% 22.2% 18.5% 14.8% 11.1% 7.4% 3.7% 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(20, 37.2%, 40.6%)

hsl(200, 37.2%, 40.6%)

tegradic colors

hsl(20, 37.2%, 40.6%)

hsl(110, 37.2%, 40.6%)hsl(200, 37.2%, 40.6%)hsl(290, 37.2%, 40.6%)

split complementary colors

hsl(20, 37.2%, 40.6%)

hsl(170, 37.2%, 40.6%)hsl(230, 37.2%, 40.6%)

triadic colors

hsl(20, 37.2%, 40.6%)

hsl(140, 37.2%, 40.6%)hsl(260, 37.2%, 40.6%)

analagous colors

hsl(290, 37.2%, 40.6%)hsl(320, 37.2%, 40.6%)hsl(350, 37.2%, 40.6%)

hsl(20, 37.2%, 40.6%)

hsl(50, 37.2%, 40.6%)hsl(80, 37.2%, 40.6%)hsl(110, 37.2%, 40.6%)