ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(304, 0.8%, 40.5%)

« hsl(303, 0.8%, 40.5%)
« hsl(305, 0.8%, 40.5%) »

Key Values

Hue
304°
saturation
0.8%
lightness
40.5%
hex
#686668

Color variations

to 100% saturation

1% 10.9% 20.8% 30.7% 40.6% 50.5% 60.4% 70.3% 80.2% 90.1% 100%

to 100% lightness

41%46.9%52.8%58.7%64.6%70.5%76.4%82.3%88.2%94.1%100%

to 0% lightness

41%36.9%32.8%28.7%24.6%20.5%16.4%12.3%8.2%4.1%0%

Color harmonies

complementary color

hsl(304, 0.8%, 40.5%)
hsl(124, 0.8%, 40.5%)

tegradic colors

hsl(304, 0.8%, 40.5%)
hsl(34, 0.8%, 40.5%)hsl(124, 0.8%, 40.5%)hsl(214, 0.8%, 40.5%)

split complementary colors

hsl(304, 0.8%, 40.5%)
hsl(94, 0.8%, 40.5%)hsl(154, 0.8%, 40.5%)

triadic colors

hsl(304, 0.8%, 40.5%)
hsl(64, 0.8%, 40.5%)hsl(184, 0.8%, 40.5%)

analagous colors

hsl(214, 0.8%, 40.5%)hsl(244, 0.8%, 40.5%)hsl(274, 0.8%, 40.5%)
hsl(304, 0.8%, 40.5%)
hsl(334, 0.8%, 40.5%)hsl(4, 0.8%, 40.5%)hsl(34, 0.8%, 40.5%)