Color hsl(22.5, 28%, 56%)

« hsl(21.5, 28%, 56%)

« hsl(23.5, 28%, 56%) »

Key Values

Hue

22.5°

saturation

28%

lightness

56%

hex

Color variations

to 100% saturation

28% 35.2% 42.4% 49.6% 56.8% 64% 71.2% 78.4% 85.6% 92.8% 100%

to 0% saturation

28% 25.2% 22.4% 19.6% 16.8% 14% 11.2% 8.4% 5.6% 2.8% 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(22.5, 28%, 56%)

hsl(202.5, 28%, 56%)

tegradic colors

hsl(22.5, 28%, 56%)

hsl(112.5, 28%, 56%)hsl(202.5, 28%, 56%)hsl(292.5, 28%, 56%)

split complementary colors

hsl(22.5, 28%, 56%)

hsl(172.5, 28%, 56%)hsl(232.5, 28%, 56%)

triadic colors

hsl(22.5, 28%, 56%)

hsl(142.5, 28%, 56%)hsl(262.5, 28%, 56%)

analagous colors

hsl(292.5, 28%, 56%)hsl(322.5, 28%, 56%)hsl(352.5, 28%, 56%)

hsl(22.5, 28%, 56%)

hsl(52.5, 28%, 56%)hsl(82.5, 28%, 56%)hsl(112.5, 28%, 56%)