Color hsl(40, 12.7%, 30.4%)

« hsl(39, 12.7%, 30.4%)

« hsl(41, 12.7%, 30.4%) »

Key Values

Hue

40°

saturation

12.7%

lightness

30.4%

hex

Color variations

to 100% saturation

13% 21.7% 30.4% 39.1% 47.8% 56.5% 65.2% 73.9% 82.6% 91.3% 100%

to 0% saturation

13% 11.7% 10.4% 9.1% 7.8% 6.5% 5.2% 3.9% 2.6% 1.3% 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(40, 12.7%, 30.4%)

hsl(220, 12.7%, 30.4%)

tegradic colors

hsl(40, 12.7%, 30.4%)

hsl(130, 12.7%, 30.4%)hsl(220, 12.7%, 30.4%)hsl(310, 12.7%, 30.4%)

split complementary colors

hsl(40, 12.7%, 30.4%)

hsl(190, 12.7%, 30.4%)hsl(250, 12.7%, 30.4%)

triadic colors

hsl(40, 12.7%, 30.4%)

hsl(160, 12.7%, 30.4%)hsl(280, 12.7%, 30.4%)

analagous colors

hsl(310, 12.7%, 30.4%)hsl(340, 12.7%, 30.4%)hsl(10, 12.7%, 30.4%)

hsl(40, 12.7%, 30.4%)

hsl(70, 12.7%, 30.4%)hsl(100, 12.7%, 30.4%)hsl(130, 12.7%, 30.4%)