ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(30, 100%, 56.4%)

« hsl(29, 100%, 56.4%)
« hsl(31, 100%, 56.4%) »

Key Values

Hue
30°
saturation
100%
lightness
56.4%
hex
#ff9021

Color variations

to 0% saturation

100% 90% 80% 70% 60% 50% 40% 30% 20% 10% 0%

to 100% lightness

56%60.4%64.8%69.2%73.6%78%82.4%86.8%91.2%95.6%100%

to 0% lightness

56%50.4%44.8%39.2%33.6%28%22.4%16.8%11.2%5.6%0%

Color harmonies

complementary color

hsl(30, 100%, 56.4%)
hsl(210, 100%, 56.4%)

tegradic colors

hsl(30, 100%, 56.4%)
hsl(120, 100%, 56.4%)hsl(210, 100%, 56.4%)hsl(300, 100%, 56.4%)

split complementary colors

hsl(30, 100%, 56.4%)
hsl(180, 100%, 56.4%)hsl(240, 100%, 56.4%)

triadic colors

hsl(30, 100%, 56.4%)
hsl(150, 100%, 56.4%)hsl(270, 100%, 56.4%)

analagous colors

hsl(300, 100%, 56.4%)hsl(330, 100%, 56.4%)hsl(0, 100%, 56.4%)
hsl(30, 100%, 56.4%)
hsl(60, 100%, 56.4%)hsl(90, 100%, 56.4%)hsl(120, 100%, 56.4%)