ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(336, 84.6%, 68.6%)

« hsl(335, 84.6%, 68.6%)
« hsl(337, 84.6%, 68.6%) »

Key Values

Hue
336°
saturation
84.6%
lightness
68.6%
hex
#f36ba1

Color variations

to 100% saturation

85% 86.5% 88% 89.5% 91% 92.5% 94% 95.5% 97% 98.5% 100%

to 0% saturation

85% 76.5% 68% 59.5% 51% 42.5% 34% 25.5% 17% 8.5% 0%

to 100% lightness

69%72.1%75.2%78.3%81.4%84.5%87.6%90.7%93.8%96.9%100%

to 0% lightness

69%62.1%55.2%48.3%41.4%34.5%27.6%20.7%13.8%6.9%0%

Color harmonies

complementary color

hsl(336, 84.6%, 68.6%)
hsl(156, 84.6%, 68.6%)

tegradic colors

hsl(336, 84.6%, 68.6%)
hsl(66, 84.6%, 68.6%)hsl(156, 84.6%, 68.6%)hsl(246, 84.6%, 68.6%)

split complementary colors

hsl(336, 84.6%, 68.6%)
hsl(126, 84.6%, 68.6%)hsl(186, 84.6%, 68.6%)

triadic colors

hsl(336, 84.6%, 68.6%)
hsl(96, 84.6%, 68.6%)hsl(216, 84.6%, 68.6%)

analagous colors

hsl(246, 84.6%, 68.6%)hsl(276, 84.6%, 68.6%)hsl(306, 84.6%, 68.6%)
hsl(336, 84.6%, 68.6%)
hsl(6, 84.6%, 68.6%)hsl(36, 84.6%, 68.6%)hsl(66, 84.6%, 68.6%)