link3969 link3970 link3971 link3972 link3973 link3974 link3975 link3976 link3977 link3978 link3979 link3980 link3981 link3982 link3983 link3984 link3985 link3986 link3987 link3988 link3989 link3990 link3991 link3992 link3993 link3994 link3995 link3996 link3997 link3998 link3999 link4000 link4001 link4002 link4003 link4004 link4005 link4006 link4007 link4008 link4009 link4010 link4011 link4012 link4013 link4014 link4015 link4016 link4017 link4018 link4019 link4020 link4021 link4022 link4023 link4024 link4025 link4026 link4027 link4028 link4029 link4030 link4031 link4032 link4033 link4034 link4035 link4036 link4037 link4038 link4039 link4040 link4041 link4042 link4043 link4044 link4045 link4046 link4047 link4048 link4049 link4050 link4051 link4052 link4053 link4054 link4055 link4056 link4057 link4058 link4059 link4060 link4061 link4062 link4063 link4064 link4065 link4066 link4067 link4068 link4069 link4070 link4071 link4072 link4073 link4074 link4075 link4076 link4077 link4078 link4079 link4080 link4081 link4082 link4083 link4084 link4085 link4086 link4087 link4088 link4089 link4090 link4091 link4092 link4093 link4094 link4095 link4096 link4097 link4098 link4099 link4100 link4101 link4102 link4103 link4104 link4105 link4106 link4107 link4108 link4109 link4110 link4111 link4112 link4113 link4114 link4115

Choosing an Effective Website Color Combination

Website Color Combination

Choosing an Effective Website Color Combination

A pleasing color scheme can make or break your website. After all, in advertising, color accounts for 60% of advertisement's acceptance or rejection. Therefore, color plays a pivotal role in determining whether or not a potential customer will choose to conduct business with your firm. A web designer needs to ensure that all of your website’s colors work in harmony, while keeping the client’s identity consistent with other marketing efforts.

Quick Rules of Thumb

  • Stick to 3 to 5 colors when planning a website
  • When in doubt, use white for the background color, and black for the text color

Using Your Company’s Logo colors

If your company already has a logo designed by a professional — great!

This is the best starting point for choosing your website’s color combination. You may choose to use the exact colors found in your logo, or even add some complimentary colors. But, it is important not to stray too far from your logo’s color scheme in order to keep your company’s identity consistent.

Color Defines Mood

The colors of your website are important because they can elicit different emotions from your visitors. Colors can make us happy, excited, angry or sad. Below is a list of colors along with the corresponding moods which they evoke:

Warm Colors

Red: aggressiveness, passion, strength, vitality
Pink: femininity, innocence, softness, health
Orange: fun, cheeriness, warm exuberance
Yellow: positive thinking, sunshine, cowardice

Cool Colors

Green: tranquility, health, freshness
Blue: authority, dignity, security, faithfulness
Purple: sophistication, spirituality, costliness, royalty, mystery

Neutral Colors

Brown: utility, earthiness, woodiness, subtle richness
White: purity, truthfulness, being contemporary and refined
Gray: somberness, authority, corporate mentality
Black: seriousness, distinctiveness, boldness, being classic

Choosing a Color Scheme

Once you understand the colors and their connotations, the next step is to choose a color scheme for your website. Below is list of different types of color combinations:

  • Monochromatic color combinations use a single color. Variations in lightness of the selected color can be used to create the sense of different colors. Monochromatic colors go well together, producing a soothing effect, and are very easy on the eyes. The drawback however, is that, it can be difficult to highlight the most important elements on your website.
  • Analogous color schemes use colors that are related, but not the identical, to create visually attractive combinations. Choosing this type of color scheme is accomplished by picking colors that are close to each other on the color wheel. For example, a selection of blues and purples, or reds and oranges would make a good analogous combination. One color must be picked as the dominant color while the others are used as accents.
  • Complementary (or contrasting) color schemes are comprised of 2 colors that are opposite each other on the color wheel. This combination is most appealing when a warm and a cool color are used. For example, red with green or blue work well as contrasting colors. Using one color for your background, and its complementary color to highlight key elements will give you color dominance and color contrast. One word of caution: it is difficult for the human eye to focus on contrasting colors at the same time.

Therefore, it is best to avoid using strong contrasts for background and text colors.

Ida Mae Boyd
Contributor

Al Zibluk