ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(218, 30.7%, 58.2%)

« hsl(217, 30.7%, 58.2%)
« hsl(219, 30.7%, 58.2%) »

Key Values

Hue
218°
saturation
30.7%
lightness
58.2%
hex
#748cb5

Color variations

to 100% saturation

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

to 0% saturation

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

to 100% lightness

58%62.2%66.4%70.6%74.8%79%83.2%87.4%91.6%95.8%100%

to 0% lightness

58%52.2%46.4%40.6%34.8%29%23.2%17.4%11.6%5.8%0%

Color harmonies

complementary color

hsl(218, 30.7%, 58.2%)
hsl(38, 30.7%, 58.2%)

tegradic colors

hsl(218, 30.7%, 58.2%)
hsl(308, 30.7%, 58.2%)hsl(38, 30.7%, 58.2%)hsl(128, 30.7%, 58.2%)

split complementary colors

hsl(218, 30.7%, 58.2%)
hsl(8, 30.7%, 58.2%)hsl(68, 30.7%, 58.2%)

triadic colors

hsl(218, 30.7%, 58.2%)
hsl(338, 30.7%, 58.2%)hsl(98, 30.7%, 58.2%)

analagous colors

hsl(128, 30.7%, 58.2%)hsl(158, 30.7%, 58.2%)hsl(188, 30.7%, 58.2%)
hsl(218, 30.7%, 58.2%)
hsl(248, 30.7%, 58.2%)hsl(278, 30.7%, 58.2%)hsl(308, 30.7%, 58.2%)