Color hsl(22.5, 40%, 56.8%)

« hsl(21.5, 40%, 56.8%)

« hsl(23.5, 40%, 56.8%) »

Key Values

Hue

22.5°

saturation

40%

lightness

56.8%

hex

Color variations

to 100% saturation

40% 46% 52% 58% 64% 70% 76% 82% 88% 94% 100%

to 0% saturation

40% 36% 32% 28% 24% 20% 16% 12% 8% 4% 0%

to 100% lightness

57%61.3%65.6%69.9%74.2%78.5%82.8%87.1%91.4%95.7%100%

to 0% lightness

57%51.3%45.6%39.9%34.2%28.5%22.8%17.1%11.4%5.7%0%

Color harmonies

complementary color

hsl(22.5, 40%, 56.8%)

hsl(202.5, 40%, 56.8%)

tegradic colors

hsl(22.5, 40%, 56.8%)

hsl(112.5, 40%, 56.8%)hsl(202.5, 40%, 56.8%)hsl(292.5, 40%, 56.8%)

split complementary colors

hsl(22.5, 40%, 56.8%)

hsl(172.5, 40%, 56.8%)hsl(232.5, 40%, 56.8%)

triadic colors

hsl(22.5, 40%, 56.8%)

hsl(142.5, 40%, 56.8%)hsl(262.5, 40%, 56.8%)

analagous colors

hsl(292.5, 40%, 56.8%)hsl(322.5, 40%, 56.8%)hsl(352.5, 40%, 56.8%)

hsl(22.5, 40%, 56.8%)

hsl(52.5, 40%, 56.8%)hsl(82.5, 40%, 56.8%)hsl(112.5, 40%, 56.8%)