Skip to Content
Learn
Color Theory
Cool Colors

On the other side of the color wheel in contrast to warm colors, there are colors that are considered to be “cool”. These colors range between blue, purple and green. Most gray colors fall into the cool category as well.

Cool colors are given this designation because of their calming, soothing nature. They’re often associated with winter climates or water.

As we did before, let’s update our colors to create a spectrum of cool colors.

Instructions

1.

In the style.css file, update the background color of the first-color class to feature a hue between 260 and 280.

2.

Change the background color of the second-color class to feature a hue between 240 and 260.

3.

Next, make the background color of the third-color class have a hue ranging between 190 and 240.

4.

Update the hue value of the background color of the fourth-color class between 170 and 190.

5.

Finally, change the hue value of the background color for the fifth-color class between 140 and 160.

Folder Icon

Sign up to start coding

Already have an account?