Course Technology Cengage Learning New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 2

Split Complementary Colors

Split complementary colors consist on one separated by almost 180° from two other colors on the color wheel. Select a color using the controls below and then rotate the hue value on the color wheel to view different sets of split complementary colors.

hsl(0, 100%, 50%) hsl(165, 100%, 50%) hsl(195, 100%, 50%)
rgb(255, 0, 0) rgb(255, 255, 191) rgb(255, 191, 255)