- a developer's blog

Online Color Combination Tool for Designers/ Web Developers

Select a color from the Color Chart field

R: G: B:
H: S: V:

Complementary Colors

Colors opposite each other on the color wheel are called complementary colors.

Complementary colors together give the best possible contrast thereby creating a vibrant combination.

Many logos, flags and websites use complementary colors for a vibrant feel.

Input Color:#82627A
Complementary Color:#62826A

Neutral Grey

Neutral Gray is the color obtained by adding two complementary colors.

Grey is often used as a supportive color in many web designs (often to provide background). Use of neutral grey provides a balanced and harmony in such cases.

Input Color:#82627A
Neutral Grey Shade:#e4e4e4

Triad Combination Colors

Triadic colors are a combination of 3 colors that form a equilateral triangle (evenly spaced) on the color wheel.

Triadic color schemes are also vibrant and becuase they have the same level of saturation and value - they tend to gel well with each other.

Designers generally use triadic colors in pattern where any one color dominates while the other two provide the accent.

Input Color:#82627A
Triad 1:#7A8262
Triad 2:#627A82

Analogous Colors

Analogous color schemes use colors that are adjacent to each other on the color wheel.

Analogous color schemes are often found in nature. While adjacent colors may not always be matching(depends upon the starting point) - they often yield a balanced color combination.

When using analogous colors, be sure to provide reasonable degree of contrast - Let one color to dominate while the other two as supports. Analogous colors can also be mixed with white, grey and black to produce great color schemes.

Depending on which side of the color wheel you move for choosing your adjacent colors, there are two kinds of analogous colors:

a) Analogous color in clockwise direction

b) Analogous color in anti-clockwise direction

Analogous Colors: Counter Clockwise on color wheel

Right Analog 2:#7D95B5
Analog 1:#826280
Input Color:#82627A

Analogous Colors: Clockwise on color wheel

Input Color:#82627A
Right Analog 1:#826273
Right Analog 2:#826273

Matching Grey

A grey shade is normally formed by mixing equal (or almost equal) amounts of all the three primary colors. However each shade of grey has its own dominant color.

Professional designers often use grey built from the most predominant color in their overall color scheme

Following three shades of grey correspond to predominance of the 3 primary colors for your given color:

Input Color:#82627A
Grey Shade (Red Dominance):#828282
Grey Shade (Green Dominance):#626262
Grey Shade (Blue Dominance):#7A7A7A

One comment on “Online Color Combination Tool for Designers/ Web Developers

  1. Pingback:Complementary Color Calculator Free tool | Plus Source Code

Comments are closed.