Home > Web Design > Analogous Colors
Analogous colors are sets of three hues that are adjacent to each other on the color wheel (including any tints and shades). The following chart shows examples of basic colors (no tints or shades).
| Analogous Sets | ||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| #FF8000 | — — | #FFFF00 | — — | #80FF00 | — — | #00FF00 | — — | #00FF80 | — — | #00FFFF | — — | #0080FF | — — | #0000FF | — — | #8000FF | — — | #FF00FF | — — | #FF0080 | — — | #FF0000 |
| #FF0000 | #FF8000 | #FFFF00 | #80FF00 | #00FF00 | #00FF80 | #00FFFF | #0080FF | #0000FF | #8000FF | #FF00FF | #FF0080 | |||||||||||
| #FF0080 | #FF0000 | #FF8000 | #FFFF00 | #80FF00 | #00FF00 | #00FF80 | #00FFFF | #0080FF | #0000FF | #8000FF | #FF00FF | |||||||||||
The following chart shows examples using different hues and tints.
| Analogous Sets | ||||||
|---|---|---|---|---|---|---|
| #FFCC99 | — — | #66CC00 | — — | #99FFCC | — — | #333300 |
| #FF0000 | #006600 | #99FFFF | #331900 | |||
| #660033 | #00994C | #99CCFF | #330000 | |||