ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(224.06, 64%, 50.4%)

« hsl(223.06, 64%, 50.4%)
« hsl(225.06, 64%, 50.4%) »

Key Values

Hue
224.06°
saturation
64%
lightness
50.4%
hex
#305bd1

Color variations

to 100% saturation

64% 67.6% 71.2% 74.8% 78.4% 82% 85.6% 89.2% 92.8% 96.4% 100%

to 0% saturation

64% 57.6% 51.2% 44.8% 38.4% 32% 25.6% 19.2% 12.8% 6.4% 0%

to 100% lightness

50%55%60%65%70%75%80%85%90%95%100%

to 0% lightness

50%45%40%35%30%25%20%15%10%5%0%

Color harmonies

complementary color

hsl(224.06, 64%, 50.4%)
hsl(44.06, 64%, 50.4%)

tegradic colors

hsl(224.06, 64%, 50.4%)
hsl(314.06, 64%, 50.4%)hsl(44.06, 64%, 50.4%)hsl(134.06, 64%, 50.4%)

split complementary colors

hsl(224.06, 64%, 50.4%)
hsl(14.06, 64%, 50.4%)hsl(74.06, 64%, 50.4%)

triadic colors

hsl(224.06, 64%, 50.4%)
hsl(344.06, 64%, 50.4%)hsl(104.06, 64%, 50.4%)

analagous colors

hsl(134.06, 64%, 50.4%)hsl(164.06, 64%, 50.4%)hsl(194.06, 64%, 50.4%)
hsl(224.06, 64%, 50.4%)
hsl(254.06, 64%, 50.4%)hsl(284.06, 64%, 50.4%)hsl(314.06, 64%, 50.4%)