Color hsl(40, 92.2%, 22%)

« hsl(39, 92.2%, 22%)

« hsl(41, 92.2%, 22%) »

Key Values

Hue

40°

saturation

92.2%

lightness

22%

hex

Color variations

to 100% saturation

92% 92.8% 93.6% 94.4% 95.2% 96% 96.8% 97.6% 98.4% 99.2% 100%

to 0% saturation

92% 82.8% 73.6% 64.4% 55.2% 46% 36.8% 27.6% 18.4% 9.2% 0%

to 100% lightness

22%29.8%37.6%45.4%53.2%61%68.8%76.6%84.4%92.2%100%

to 0% lightness

22%19.8%17.6%15.4%13.2%11%8.8%6.6%4.4%2.2%0%

Color harmonies

complementary color

hsl(40, 92.2%, 22%)

hsl(220, 92.2%, 22%)

tegradic colors

hsl(40, 92.2%, 22%)

hsl(130, 92.2%, 22%)hsl(220, 92.2%, 22%)hsl(310, 92.2%, 22%)

split complementary colors

hsl(40, 92.2%, 22%)

hsl(190, 92.2%, 22%)hsl(250, 92.2%, 22%)

triadic colors

hsl(40, 92.2%, 22%)

hsl(160, 92.2%, 22%)hsl(280, 92.2%, 22%)

analagous colors

hsl(310, 92.2%, 22%)hsl(340, 92.2%, 22%)hsl(10, 92.2%, 22%)

hsl(40, 92.2%, 22%)

hsl(70, 92.2%, 22%)hsl(100, 92.2%, 22%)hsl(130, 92.2%, 22%)