Color hsl(286, 23%, 20%)

« hsl(285, 23%, 20%)

« hsl(287, 23%, 20%) »

Key Values

Hue

286°

saturation

23%

lightness

20%

hex

Color variations

to 100% saturation

23% 30.7% 38.4% 46.1% 53.8% 61.5% 69.2% 76.9% 84.6% 92.3% 100%

to 0% saturation

23% 20.7% 18.4% 16.1% 13.8% 11.5% 9.2% 6.9% 4.6% 2.3% 0%

to 100% lightness

20%28%36%44%52%60%68%76%84%92%100%

to 0% lightness

20%18%16%14%12%10%8%6%4%2%0%

Color harmonies

complementary color

hsl(286, 23%, 20%)

hsl(106, 23%, 20%)

tegradic colors

hsl(286, 23%, 20%)

hsl(16, 23%, 20%)hsl(106, 23%, 20%)hsl(196, 23%, 20%)

split complementary colors

hsl(286, 23%, 20%)

hsl(76, 23%, 20%)hsl(136, 23%, 20%)

triadic colors

hsl(286, 23%, 20%)

hsl(46, 23%, 20%)hsl(166, 23%, 20%)

analagous colors

hsl(196, 23%, 20%)hsl(226, 23%, 20%)hsl(256, 23%, 20%)

hsl(286, 23%, 20%)

hsl(316, 23%, 20%)hsl(346, 23%, 20%)hsl(16, 23%, 20%)