Colors & Backgrounds

CSS colors can be written a few different ways, and elements can have both text color and background color set independently.

Ways to write a color

  • Named colors — red, navy, coral — a fixed set of predefined names.
  • Hex codes — #1E90FF — six characters representing red, green, and blue.
  • RGB — rgb(30, 144, 255) — the same colors, written as numbers 0–255.

All three rules below produce the same blue — try changing one to see it diverge:

Try it yourself
Result

Text color vs. background color

Try it yourself
Result
Note: always check that text color and background color have enough contrast to stay readable — light text needs a dark background, and vice versa.
PreviousSelectors