Archive for the 'Blue' Category

21st January 2007

Blues with red

Colour block: #5e191c
#5e191c
Colour block: #2c313b
#2c313b
Colour block: #8c98ae
#8c98ae
Colour block: #dbdce3
#dbdce3
Colour block: #ffffff
#ffffff

This colour scheme could be used for a corporate-style website. It is a combination of blues with red as a highlight colour. Accessible pairings of colours are as follows:

1. #5e191c and #ffffff Example 1.1 Example 1.2
2. #2c313b and #ffffff Example 2.1 Example 2.2
3. #5e191c and #dbdce3 Example 3.1 Example 3.2
4. #2c313b and #dbdce3 Example 4.1 Example 4.2

30th December 2006

Webfooted Designs - blue, green and white

Colour block: #003366
#003366
Colour block: #0047a6
#0047a6
Colour block: #bddcc6
#bddcc6
Colour block: #f3f9f5
#f3f9f5
Colour block: #ffffff
#ffffff

The colour scheme for our web design company, Webfooted Designs Ltd., incorporates complimentary shades of green and blue offset against a white background. Accessible pairings of colours are as follows:

1. #003366 and #ffffff Example 1.1 Example 1.2
2. #0047a6 and #ffffff Example 2.1 Example 2.2
3. #003366 and #f3f9f5 Example 3.1 Example 3.2

26th December 2006

Accessible Colour Schemes - blue, white and brown

Colour block: #362f2d
#362f2d
Colour block: #003663
#003663
Colour block: #2b587d
#2b587d
Colour block: #d5dee5
#d5dee5
Colour block: #ffffff
#ffffff

The colour scheme of this website is predominantly blue and white, with a dark brown acting as the link text colour for the body text. Accessible pairings of colours are as follows:

1. #362f2d and #ffffff Example 1.1 Example 1.2
2. #003663 and #ffffff Example 2.1 Example 2.2
3. #2b587d and #ffffff Example 3.1 Example 3.2
4. #003663 and #d5dee5 Example 4.1 Example 4.2
5. #362f2d and #d5dee5 Example 5.1 Example 5.2