Color hsl(30, 71%, 31%)

« hsl(29, 71%, 31%)

« hsl(31, 71%, 31%) »

Key Values

Hue

30°

saturation

71%

lightness

31%

hex

Color variations

to 100% saturation

71% 73.9% 76.8% 79.7% 82.6% 85.5% 88.4% 91.3% 94.2% 97.1% 100%

to 0% saturation

71% 63.9% 56.8% 49.7% 42.6% 35.5% 28.4% 21.3% 14.2% 7.1% 0%

to 100% lightness

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

to 0% lightness

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

Color harmonies

complementary color

hsl(30, 71%, 31%)

hsl(210, 71%, 31%)

tegradic colors

hsl(30, 71%, 31%)

hsl(120, 71%, 31%)hsl(210, 71%, 31%)hsl(300, 71%, 31%)

split complementary colors

hsl(30, 71%, 31%)

hsl(180, 71%, 31%)hsl(240, 71%, 31%)

triadic colors

hsl(30, 71%, 31%)

hsl(150, 71%, 31%)hsl(270, 71%, 31%)

analagous colors

hsl(300, 71%, 31%)hsl(330, 71%, 31%)hsl(0, 71%, 31%)

hsl(30, 71%, 31%)

hsl(60, 71%, 31%)hsl(90, 71%, 31%)hsl(120, 71%, 31%)