These are different colour schemes using your currently-selected colour
#685061.
All of these schemes can be created using the
Make swatches colour tool.
How to change the colour on which these schemes are based:
1) Use our colour tools to change colours, 2) click on any linked
colour square on this page or 3) enter a new hex colour value in the form.
Colour wheels are used to illustrate most of the colour schemes (they
are square because they have been implemented in simple HTML).
The wheels contain 16 basic variations of hue. The currently-selected
colour is always at the top-left corner. Bookmark this page to recreate specific colour schemes.
Note: Colours which are very low saturated, very dark
or very light might not generate colour schemes with enough differences
to be useful.
![Current colour: #685061 (S: 14%) #685061](/p.gif) | #685061 S: 14% |
![#774668 (S: 26%) #774668](/p.gif) | #774668 S: 26% |
![#823A6D (S: 38%) #823A6D](/p.gif) | #823A6D S: 38% |
![#8E2F71 (S: 50%) #8E2F71](/p.gif) | #8E2F71 S: 50% |
|
|
A saturation colour scheme consists of
colours of a specific hue at different values of saturation. |
|
|
![Current colour: #685061 (L: 37%) #685061](/p.gif) | #685061 L: 37% |
![#8E6B84 (L: 49%) #8E6B84](/p.gif) | #8E6B84 L: 49% |
![#A98EA1 (L: 61%) #A98EA1](/p.gif) | #A98EA1 L: 61% |
![#C4B1BE (L: 73%) #C4B1BE](/p.gif) | #C4B1BE L: 73% |
|
|
A monochromatic colour scheme consists of
colours of a specific hue at different values of lightness. This kind
of colour scheme can be combined with any of the schemes described
next. |
|
Analogous colours are adjacent colours with regard to hue. You can make
some of the colours less prominent by making them less saturated, lighter
or darker.
These are the four four-colour analogous schemes using
the current colour.
![Current colour: #685061 #685061](/p.gif) | #685061 |
![#6C515A #6C515A](/p.gif) | #6C515A |
![#6C5251 #6C5251](/p.gif) | #6C5251 |
![#6C5D51 #6C5D51](/p.gif) | #6C5D51 |
|
|
![#6A516C #6A516C](/p.gif) | #6A516C |
![Current colour: #685061 #685061](/p.gif) | #685061 |
![#6C515A #6C515A](/p.gif) | #6C515A |
![#6C5251 #6C5251](/p.gif) | #6C5251 |
|
|
![#60516C #60516C](/p.gif) | #60516C |
![#6A516C #6A516C](/p.gif) | #6A516C |
![Current colour: #685061 #685061](/p.gif) | #685061 |
![#6C515A #6C515A](/p.gif) | #6C515A |
|
|
![#56516C #56516C](/p.gif) | #56516C |
![#60516C #60516C](/p.gif) | #60516C |
![#6A516C #6A516C](/p.gif) | #6A516C |
![Current colour: #685061 #685061](/p.gif) | #685061 |
|
![Current colour: #685061 #685061](/p.gif) | #685061 |
![#516C59 #516C59](/p.gif) | #516C59 |
|
|
The complementary colour is the difference of 180° hue to a
specific colour. Vary the lightness and saturation of colours after
calculating the hue. |
|
|
|
|
A split-complementary colour scheme consists of the current colour and
the two adjacent colours of its complement (by hue). Vary the lightness
and saturation of two of the colours. |
|
|
|
|
In a triadic colour scheme, three colours are separated by 120° hue. This scheme generates the ubiqutous red-green-blue colour scheme.
To create a triadic colour scheme, set the variation amount for hue to
120° and the number of swatches per row to three. |
Go to tool: Make swatches
|