About us RCL 20 Projects Colour Selector Library
Colour Selector
Colour exploration tools
Preview text
Navigate colour
Mix colour
Make swatches
Blend colour
Colour schemes
About the Colour Selector
About this resource
Tool overview
Tool short-cuts
Tool calculations
Other colour resources

Colour schemes

Current colour: #A5F3E6
Enter a new colour here:
R: G: B:

These are different colour schemes using your currently-selected colour #A5F3E6. 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.

Saturation

#A5F3E6#A5F3E6 S: 77%
#ABEDE2#ABEDE2 S: 65%
#B1E7DE#B1E7DE S: 53%
#B7E1DA#B7E1DA S: 41%
    A saturation colour scheme consists of colours of a specific hue at different values of saturation.
   

Monochromatic

#A5F3E6#A5F3E6 L: 80%
#6FECD7#6FECD7 L: 68%
#38E5C8#38E5C8 L: 56%
#1AC7AA#1AC7AA L: 44%
    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

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.

#A5F3E6#A5F3E6
#A5E2F3#A5E2F3
#A5C5F3#A5C5F3
#A5A7F3#A5A7F3

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
 
#A5F3C9#A5F3C9
#A5F3E6#A5F3E6
#A5E2F3#A5E2F3
#A5C5F3#A5C5F3

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
 
#A5F3AB#A5F3AB
#A5F3C9#A5F3C9
#A5F3E6#A5F3E6
#A5E2F3#A5E2F3

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
 
#BBF3A5#BBF3A5
#A5F3AB#A5F3AB
#A5F3C9#A5F3C9
#A5F3E6#A5F3E6

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2

Complement

#A5F3E6#A5F3E6
#F3A5B2#F3A5B2
   

The complementary colour is the difference of 180° hue to a specific colour. Vary the lightness and saturation of colours after calculating the hue.

   
#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2

Split complement

#A5F3E6#A5F3E6
#F3A5CF#F3A5CF
#F3B6A5#F3B6A5
   

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.

   
#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2

Alternate complement

#A5F3E6#A5F3E6
#F3A5CF#F3A5CF
#F3A5B2#F3A5B2
#F3B6A5#F3B6A5
   

An alternate-complementary consists of a colour, its complement and the complement's two adjacent colours. Vary the lightness and saturation, as needed.

   
#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2

Triad

#A5F3E6#A5F3E6
#F3E6A5#F3E6A5
#E6A5F3#E6A5F3
   

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.

Tetrad

#A5F3E6#A5F3E6
#BFA5F3#BFA5F3
#F3A5B2#F3A5B2
#D9F3A5#D9F3A5
   

In a tetradic colour scheme, four colours are separated by 90° hue.

To create a tetradic colour scheme, in the swatch tool, set the variation amount for hue to 90°, the number of swatches per row to at least five and choose any four consecutive hues.

   
#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2

Double complement

#A5F3E6#A5F3E6
#F3A5B2#F3A5B2
#A5E2F3#A5E2F3
#F3B6A5#F3B6A5

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
 
#A5F3E6#A5F3E6
#F3A5B2#F3A5B2
#A5C5F3#A5C5F3
#F3D3A5#F3D3A5

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
 
#A5F3E6#A5F3E6
#F3A5B2#F3A5B2
#A5A7F3#A5A7F3
#F3F1A5#F3F1A5

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
   

A double complement consists of any two pairs or complementary colours. As with all the other colour schemes, vary the lightness and saturation of the resulting colours as needed.

The number of four-colour schemes using double complement you can create depends on how you divide the colour wheel.

In these examples, the colour wheel has been divided into sixteen divisions. This produces a total of seven double complement colour schemes, including the standard tetrad.

#A5F3E6#A5F3E6
#F3A5B2#F3A5B2
#DDA5F3#DDA5F3
#BBF3A5#BBF3A5

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
#A5F3E6#A5F3E6
#F3A5B2#F3A5B2
#F3A5ED#F3A5ED
#A5F3AB#A5F3AB

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2
#A5F3E6#A5F3E6
#F3A5B2#F3A5B2
#F3A5CF#F3A5CF
#A5F3C9#A5F3C9

#A5F3E6 #A5E2F3 #A5C5F3 #A5A7F3 #BFA5F3
#A5F3C9 #DDA5F3
#A5F3AB #F3A5ED
#BBF3A5 #F3A5CF
#D9F3A5 #F3F1A5 #F3D3A5 #F3B6A5 #F3A5B2


Go to tool: Make swatches