How does the `color: transparent;` declaration differ from the `visibility: hidden;` declaration?

Question

How does the color: transparent; declaration differ from the visibility: hidden; declaration?

Answer

The visibility: hidden; declaration will hide an entire element while the color: transparent; declaration will only hide the text within an element.