ColorsPalettes
ExploreRedGreenBlueYellowPinkPurpleOrangeCyan

Color hsl(202.5, 80.8%, 55.2%)

« hsl(201.5, 80.8%, 55.2%)
« hsl(203.5, 80.8%, 55.2%) »

Key Values

Hue
202.5°
saturation
80.8%
lightness
55.2%
hex
#30a4e9

Color variations

to 100% saturation

81% 82.9% 84.8% 86.7% 88.6% 90.5% 92.4% 94.3% 96.2% 98.1% 100%

to 0% saturation

81% 72.9% 64.8% 56.7% 48.6% 40.5% 32.4% 24.3% 16.2% 8.1% 0%

to 100% lightness

55%59.5%64%68.5%73%77.5%82%86.5%91%95.5%100%

to 0% lightness

55%49.5%44%38.5%33%27.5%22%16.5%11%5.5%0%

Color harmonies

complementary color

hsl(202.5, 80.8%, 55.2%)
hsl(22.5, 80.8%, 55.2%)

tegradic colors

hsl(202.5, 80.8%, 55.2%)
hsl(292.5, 80.8%, 55.2%)hsl(22.5, 80.8%, 55.2%)hsl(112.5, 80.8%, 55.2%)

split complementary colors

hsl(202.5, 80.8%, 55.2%)
hsl(352.5, 80.8%, 55.2%)hsl(52.5, 80.8%, 55.2%)

triadic colors

hsl(202.5, 80.8%, 55.2%)
hsl(322.5, 80.8%, 55.2%)hsl(82.5, 80.8%, 55.2%)

analagous colors

hsl(112.5, 80.8%, 55.2%)hsl(142.5, 80.8%, 55.2%)hsl(172.5, 80.8%, 55.2%)
hsl(202.5, 80.8%, 55.2%)
hsl(232.5, 80.8%, 55.2%)hsl(262.5, 80.8%, 55.2%)hsl(292.5, 80.8%, 55.2%)