Color hsl(304, 85.2%, 20.7%)

« hsl(303, 85.2%, 20.7%)

« hsl(305, 85.2%, 20.7%) »

Key Values

Hue

304°

saturation

85.2%

lightness

20.7%

hex

Color variations

to 100% saturation

85% 86.5% 88% 89.5% 91% 92.5% 94% 95.5% 97% 98.5% 100%

to 0% saturation

85% 76.5% 68% 59.5% 51% 42.5% 34% 25.5% 17% 8.5% 0%

to 100% lightness

21%28.9%36.8%44.7%52.6%60.5%68.4%76.3%84.2%92.1%100%

to 0% lightness

21%18.9%16.8%14.7%12.6%10.5%8.4%6.3%4.2%2.1%0%

Color harmonies

complementary color

hsl(304, 85.2%, 20.7%)

hsl(124, 85.2%, 20.7%)

tegradic colors

hsl(304, 85.2%, 20.7%)

hsl(34, 85.2%, 20.7%)hsl(124, 85.2%, 20.7%)hsl(214, 85.2%, 20.7%)

split complementary colors

hsl(304, 85.2%, 20.7%)

hsl(94, 85.2%, 20.7%)hsl(154, 85.2%, 20.7%)

triadic colors

hsl(304, 85.2%, 20.7%)

hsl(64, 85.2%, 20.7%)hsl(184, 85.2%, 20.7%)

analagous colors

hsl(214, 85.2%, 20.7%)hsl(244, 85.2%, 20.7%)hsl(274, 85.2%, 20.7%)

hsl(304, 85.2%, 20.7%)

hsl(334, 85.2%, 20.7%)hsl(4, 85.2%, 20.7%)hsl(34, 85.2%, 20.7%)