ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(248, 80.4%, 70.2%)

« hsl(247, 80.4%, 70.2%)
« hsl(249, 80.4%, 70.2%) »

Key Values

Hue
248°
saturation
80.4%
lightness
70.2%
hex
#8676f0

Color variations

to 100% saturation

80% 82% 84% 86% 88% 90% 92% 94% 96% 98% 100%

to 0% saturation

80% 72% 64% 56% 48% 40% 32% 24% 16% 8% 0%

to 100% lightness

70%73%76%79%82%85%88%91%94%97%100%

to 0% lightness

70%63%56%49%42%35%28%21%14%7%0%

Color harmonies

complementary color

hsl(248, 80.4%, 70.2%)
hsl(68, 80.4%, 70.2%)

tegradic colors

hsl(248, 80.4%, 70.2%)
hsl(338, 80.4%, 70.2%)hsl(68, 80.4%, 70.2%)hsl(158, 80.4%, 70.2%)

split complementary colors

hsl(248, 80.4%, 70.2%)
hsl(38, 80.4%, 70.2%)hsl(98, 80.4%, 70.2%)

triadic colors

hsl(248, 80.4%, 70.2%)
hsl(8, 80.4%, 70.2%)hsl(128, 80.4%, 70.2%)

analagous colors

hsl(158, 80.4%, 70.2%)hsl(188, 80.4%, 70.2%)hsl(218, 80.4%, 70.2%)
hsl(248, 80.4%, 70.2%)
hsl(278, 80.4%, 70.2%)hsl(308, 80.4%, 70.2%)hsl(338, 80.4%, 70.2%)