It’s important to consider how contrast will also be affected when using different colors for backgrounds and text.

Neutral colors, or hues with low lightness and/or saturation, make for good base colors as it allows you to add flourishes to the parts of the site where you want to direct the user’s attention.

For example, similar to using a dark gray with white text, you can use a darker shade of a color with light colored text. Using a medium shade or tint of a color can be difficult to achieve the same result, as the contrast is lower.


Move on to the next lesson when you’re ready!

Sign up to start coding

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?