Color hsl(40, 31%, 58%)

« hsl(39, 31%, 58%)

« hsl(41, 31%, 58%) »

Key Values

Hue

40°

saturation

31%

lightness

58%

hex

Color variations

to 100% saturation

31% 37.9% 44.8% 51.7% 58.6% 65.5% 72.4% 79.3% 86.2% 93.1% 100%

to 0% saturation

31% 27.9% 24.8% 21.7% 18.6% 15.5% 12.4% 9.3% 6.2% 3.1% 0%

to 100% lightness

58%62.2%66.4%70.6%74.8%79%83.2%87.4%91.6%95.8%100%

to 0% lightness

58%52.2%46.4%40.6%34.8%29%23.2%17.4%11.6%5.8%0%

Color harmonies

complementary color

hsl(40, 31%, 58%)

hsl(220, 31%, 58%)

tegradic colors

hsl(40, 31%, 58%)

hsl(130, 31%, 58%)hsl(220, 31%, 58%)hsl(310, 31%, 58%)

split complementary colors

hsl(40, 31%, 58%)

hsl(190, 31%, 58%)hsl(250, 31%, 58%)

triadic colors

hsl(40, 31%, 58%)

hsl(160, 31%, 58%)hsl(280, 31%, 58%)

analagous colors

hsl(310, 31%, 58%)hsl(340, 31%, 58%)hsl(10, 31%, 58%)

hsl(40, 31%, 58%)

hsl(70, 31%, 58%)hsl(100, 31%, 58%)hsl(130, 31%, 58%)