ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(222, 31.5%, 55.2%)

« hsl(221, 31.5%, 55.2%)
« hsl(223, 31.5%, 55.2%) »

Key Values

Hue
222°
saturation
31.5%
lightness
55.2%
hex
#697eb1

Color variations

to 100% saturation

32% 38.8% 45.6% 52.4% 59.2% 66% 72.8% 79.6% 86.4% 93.2% 100%

to 0% saturation

32% 28.8% 25.6% 22.4% 19.2% 16% 12.8% 9.6% 6.4% 3.2% 0%

to 100% lightness

55%59.5%64%68.5%73%77.5%82%86.5%91%95.5%100%

to 0% lightness

55%49.5%44%38.5%33%27.5%22%16.5%11%5.5%0%

Color harmonies

complementary color

hsl(222, 31.5%, 55.2%)
hsl(42, 31.5%, 55.2%)

tegradic colors

hsl(222, 31.5%, 55.2%)
hsl(312, 31.5%, 55.2%)hsl(42, 31.5%, 55.2%)hsl(132, 31.5%, 55.2%)

split complementary colors

hsl(222, 31.5%, 55.2%)
hsl(12, 31.5%, 55.2%)hsl(72, 31.5%, 55.2%)

triadic colors

hsl(222, 31.5%, 55.2%)
hsl(342, 31.5%, 55.2%)hsl(102, 31.5%, 55.2%)

analagous colors

hsl(132, 31.5%, 55.2%)hsl(162, 31.5%, 55.2%)hsl(192, 31.5%, 55.2%)
hsl(222, 31.5%, 55.2%)
hsl(252, 31.5%, 55.2%)hsl(282, 31.5%, 55.2%)hsl(312, 31.5%, 55.2%)