Complementary Colours

While also looking at web design I thought I should consider the colour wheel and complementary colours. I also might look at existing websites that have used complementary colours and how effective they are in the design and layout.

Complementary Colours are any two Hues/ Colours positioned exactly opposite each other on the Basic Color Wheel. The high contrast of the complementary colours creates a vibrant look especially when used at full saturation. This color scheme must be managed well so it is not jarring.

Complementary colours can be hard to used in large amount, however can work well when you want something to stand out.


After looking at the colour wheel I decided to find of complementary colours that had been used in design and specifically web design to see how well the theory worked.

tvsafety_orgSo this is the fist example I cam across, and at first I couldn’t really see the constant of complementary colours, then after I had looked at the colour wheel I saw the red buttons against the dark green background. As you can see from the colour wheel up above that red and green are opposite in the colour wheel .I think that this example works really well as it makes the buttons at the bottom of the page stand out and draws your attention to the bottom of the page. There is also a red ball at the top of the page against the light green.Lots of natural things include complementary colours such as Holly and berries, strawberries, Peppers, apples and many more. If I decide a bright colour scheme to my website design the complementary of colours could be a possibility.

weareapartments_orgHere is another example of using complementary colours in a design. I again really liked the chosen pallet as the bright orange contrasts really well with the mixture of blue tones. Again there are many natural things that complement each other with blue and orange such as the sea and sand etc.


Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs.

Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.

Make sure you have enough contrast when choosing an analogous color scheme.


Website link: where I got the information from






Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

Create a free website or blog at

Up ↑

%d bloggers like this: