Pastel Colours 1
=== by Bob Sutherland ===
This is an attempt to find light pastel colours that can be used as background colours behind text on a web page. The following RGB colour codes include all possible combinations of the hexadecimal numbers FF EE DD CC BB AA 99.
The three digits in square brackets at the end of each title provide a hint as to the RGB hexadecimal number sequence in that chart.
Three RGB values are equal
Grey Scale [111]
| #ffffff - white |
#eeeeee - colour |
#dddddd - colour |
#cccccc - colour |
#bbbbbb - colour |
#aaaaaa - colour |
#999999 - colour |
Two RGB values are the same
Six distinct coloured triangles can be made from the colours in this section.
Triangle 1 [221]
| #ffffee - colour |
#ffffdd - colour |
#ffffcc - colour |
#ffffbb - colour |
#ffffaa - colour |
#ffff99 - colour |
| #eeeedd - colour |
#eeeecc - colour |
#eeeebb - colour |
#eeeeaa - colour |
#eeee99 - colour |
|
| #ddddcc - colour |
#ddddbb - colour |
#ddddaa - colour |
#dddd99 - colour |
|
| #ccccbb - colour |
#ccccaa - colour |
#cccc99 - colour |
|
| #bbbbaa - colour |
#bbbb99 - colour |
|
| #aaaa99 - colour |
|
Triangle 2 [212]
| #ffeeff - colour |
#ffddff - colour |
#ffccff - colour |
#ffbbff - colour |
#ffaaff - colour |
#ff99ff - colour |
| #eeddee - colour |
#eeccee - colour |
#eebbee - colour |
#eeaaee - colour |
#ee99ee - colour |
|
| #ddccdd - colour |
#ddbbdd - colour |
#ddaadd - colour |
#dd99dd - colour |
|
| #ccbbcc - colour |
#ccaacc - colour |
#cc99cc - colour |
|
| #bbaabb - colour |
#bb99bb - colour |
|
| #aa99aa - colour |
|
Triangle [122]
| #eeffff - colour |
#ddffff - colour |
#ccffff - colour |
#bbffff - colour |
#aaffff - colour |
#99ffff - colour |
| #ddeeee - colour |
#cceeee - colour |
#bbeeee - colour |
#aaeeee - colour |
#99eeee - colour |
|
| #ccdddd - colour |
#bbdddd - colour |
#aadddd - colour |
#99dddd - colour |
|
| #bbcccc - colour |
#aacccc - colour |
#99cccc - colour |
|
| #aabbbb - colour |
#99bbbb - colour |
|
| #99aaaa - colour |
|
Triangle 4 [211]
| #ffeeee - colour |
#ffdddd - colour |
#ffcccc - colour |
#ffbbbb - colour |
#ffaaaa - colour |
#ff9999 - colour |
| #eedddd - colour |
#eecccc - colour |
#eebbbb - colour |
#eeaaaa - colour |
#ee9999 - colour |
|
| #ddcccc - colour |
#ddbbbb - colour |
#ddaaaa - colour |
#dd9999 - colour |
|
| #ccbbbb - colour |
#ccaaaa - colour |
#cc9999 - colour |
|
| #bbaaaa - colour |
#bb9999 - colour |
|
| #aa9999 - colour |
|
Triangle 5 [121]
| #eeffee - colour |
#ddffdd - colour |
#ccffcc - colour |
#bbffbb - colour |
#aaffaa - colour |
#99ff99 - colour |
| #ddeedd - colour |
#cceecc - colour |
#bbeebb - colour |
#aaeeaa - colour |
#99ee99 - colour |
|
| #ccddcc - colour |
#bbddbb - colour |
#aaddaa - colour |
#99dd99 - colour |
|
| #bbccbb - colour |
#aaccaa - colour |
#99cc99 - colour |
|
| #aabbaa - colour |
#99bb99 - colour |
|
| #99aa99 - colour |
|
Triangle 6 [112]
| #eeeeff - colour |
#ddddff - colour |
#ccccff - colour |
#bbbbff - colour |
#aaaaff - colour |
#9999ff - colour |
| #ddddee - colour |
#ccccee - colour |
#bbbbee - colour |
#aaaaee - colour |
#9999ee - colour |
|
| #ccccdd - colour |
#bbbbdd - colour |
#aaaadd - colour |
#9999dd - colour |
|
| #bbbbcc - colour |
#aaaacc - colour |
#9999cc - colour |
|
| #aaaabb - colour |
#9999bb - colour |
|
| #9999aa - colour |
|
Three RGB values are different
Six distinct cascading triangles can be made from the colours in this section.
Each cascading triangle is displayed twice (a & b) with the colours arranged in different patterns.
If you are an abstract thinker then the cascading triangles actually form a three dimensional pyramid by stacking the triangles one above the other from largest (5x5x5) on the bottom to smallest (1x1x1) at the top.
Cascading Triangles 1a [321]
| #ffeedd - colour |
#ffddcc - colour |
#ffccbb - colour |
#ffbbaa - colour |
#ffaa99 - colour |
| #ffeecc - colour |
#ffddbb - colour |
#ffccaa - colour |
#ffbb99 - colour |
|
| #ffeebb - colour |
#ffddaa - colour |
#ffcc99 - colour |
|
| #ffeeaa - colour |
#ffdd99 - colour |
|
| #ffee99 - colour |
|
| #eeddcc - colour |
#eeccbb - colour |
#eebbaa - colour |
#eeaa99 - colour |
|
| #eeddbb - colour |
#eeccaa - colour |
#eebb99 - colour |
|
| #eeddaa - colour |
#eecc99 - colour |
|
| #eedd99 - colour |
|
| #ddccbb - colour |
#ddbbaa - colour |
#ddaa99 - colour |
|
| #ddccaa - colour |
#ddbb99 - colour |
|
| #ddcc99 - colour |
|
| #ccbbaa - colour |
#ccaa99 - colour |
|
| #ccbb99 - colour |
|
| #bbaa99 - colour |
|
Cascading Triangles 1b [321]
| #ffeedd - colour |
#ffeecc - colour |
#ffeebb - colour |
#ffeeaa - colour |
#ffee99 - colour |
| #eeddcc - colour |
#eeddbb - colour |
#eeddaa - colour |
#eedd99 - colour |
|
| #ddccbb - colour |
#ddccaa - colour |
#ddcc99 - colour |
|
| #ccbbaa - colour |
#ccbb99 - colour |
|
| #bbaa99 - colour |
|
| #ffddcc - colour |
#ffddbb - colour |
#ffddaa - colour |
#ffdd99 - colour |
|
| #eeccbb - colour |
#eeccaa - colour |
#eecc99 - colour |
|
| #ddbbaa - colour |
#ddbb99 - colour |
|
| #ccaa99 - colour |
|
| #ffccbb - colour |
#ffccaa - colour |
#ffcc99 - colour |
|
| #eebbaa - colour |
#eebb99 - colour |
|
| #ddaa99 - colour |
|
| #ffbbaa - colour |
#ffbb99 - colour |
|
| #eeaa99 - colour |
|
| #ffaa99 - colour |
|
Cascading Triangles 2a [312]
| #ffddee - colour |
#ffccdd - colour |
#ffbbcc - colour |
#ffaabb - colour |
#ff99aa - colour |
| #ffccee - colour |
#ffbbdd - colour |
#ffaacc - colour |
#ff99bb - colour |
|
| #ffbbee - colour |
#ffaadd - colour |
#ff99cc - colour |
|
| #ffaaee - colour |
#ff99dd - colour |
|
| #ff99ee - colour |
|
| #eeccdd - colour |
#eebbcc - colour |
#eeaabb - colour |
#ee99aa - colour |
|
| #eebbdd - colour |
#eeaacc - colour |
#ee99bb - colour |
|
| #eeaadd - colour |
#ee99cc - colour |
|
| #ee99dd - colour |
|
| #ddbbcc - colour |
#ddaabb - colour |
#dd99aa - colour |
|
| #ddaacc - colour |
#dd99bb - colour |
|
| #dd99cc - colour |
|
| #ccaabb - colour |
#cc99aa - colour |
|
| #cc99bb - colour |
|
| #bb99aa - colour |
|
Cascading Triangles 2b [312]
| #ffddee - colour |
#ffccee - colour |
#ffbbee - colour |
#ffaaee - colour |
#ff99ee - colour |
| #eeccdd - colour |
#eebbdd - colour |
#eeaadd - colour |
#ee99dd - colour |
|
| #ddbbcc - colour |
#ddaacc - colour |
#dd99cc - colour |
|
| #ccaabb - colour |
#cc99bb - colour |
|
| #bb99aa - colour |
|
| #ffccdd - colour |
#ffbbdd - colour |
#ffaadd - colour |
#ff99dd - colour |
|
| #eebbcc - colour |
#eeaacc - colour |
#ee99cc - colour |
|
| #ddaabb - colour |
#dd99bb - colour |
|
| #cc99aa - colour |
|
| #ffbbcc - colour |
#ffaacc - colour |
#ff99cc - colour |
|
| #eeaabb - colour |
#ee99bb - colour |
|
| #dd99aa - colour |
|
| #ffaabb - colour |
#ff99bb - colour |
|
| #ee99aa - colour |
|
| #ff99aa - colour |
|
Cascading Triangles 3a [231]
| #eeffdd - colour |
#ddffcc - colour |
#ccffbb - colour |
#bbffaa - colour |
#aaff99 - colour |
| #eeffcc - colour |
#ddffbb - colour |
#ccffaa - colour |
#bbff99 - colour |
|
| #eeffbb - colour |
#ddffaa - colour |
#ccff99 - colour |
|
| #eeffaa - colour |
#ddff99 - colour |
|
| #eeff99 - colour |
|
| #ddeecc - colour |
#cceebb - colour |
#bbeeaa - colour |
#aaee99 - colour |
|
| #ddeebb - colour |
#cceeaa - colour |
#bbee99 - colour |
|
| #ddeeaa - colour |
#ccee99 - colour |
|
| #ddeee99 - colour |
|
| #ccddbb - colour |
#bbddaa - colour |
#aadd99 - colour |
|
| #ccddaa - colour |
#bbdd99 - colour |
|
| #ccdd99 - colour |
|
| #bbccaa - colour |
#aacc99 - colour |
|
| #bbcc99 - colour |
|
| #aabb99 - colour |
|
Cascading Triangles 3b [231]
| #eeffdd - colour |
#eeffcc - colour |
#eeffbb - colour |
#eeffaa - colour |
#eeff99 - colour |
| #ddeecc - colour |
#ddeebb - colour |
#ddeeaa - colour |
#ddee99 - colour |
|
| #ccddbb - colour |
#ccddaa - colour |
#ccdd99 - colour |
|
| #bbccaa - colour |
#bbcc99 - colour |
|
| #aabb99 - colour |
|
| #ddffcc - colour |
#ddffbb - colour |
#ddffaa - colour |
#ddff99 - colour |
|
| #cceebb - colour |
#cceeaa - colour |
#ccee99 - colour |
|
| #bbddaa - colour |
#bbdd99 - colour |
|
| #aacc99 - colour |
|
| #ccffbb - colour |
#ccffaa - colour |
#ccff99 - colour |
|
| #bbeeaa - colour |
#bbee99 - colour |
|
| #aadd99 - colour |
|
| #bbffaa - colour |
#bbff99 - colour |
|
| #aaee99 - colour |
|
| #aaff99 - colour |
|
Cascading Triangles 4a [132]
| #ddffee - colour |
#ccffdd - colour |
#bbffcc - colour |
#aaffbb - colour |
#99ffaa - colour |
| #ccffee - colour |
#bbffdd - colour |
#aaffcc - colour |
#99ffbb - colour |
|
| #bbffee - colour |
#aaffdd - colour |
#99ffcc - colour |
|
| #aaffee - colour |
#99ffdd - colour |
|
| #99ffee - colour |
|
| #cceedd - colour |
#bbeecc - colour |
#aaeebb - colour |
#99eeaa - colour |
|
| #bbeedd - colour |
#aaeecc - colour |
#99eebb - colour |
|
| #aaeedd - colour |
#99eecc - colour |
|
| #99eedd - colour |
|
| #bbddcc - colour |
#aaddbb - colour |
#99ddaa - colour |
|
| #aaddcc - colour |
#99ddbb - colour |
|
| #99ddcc - colour |
|
| #aaccbb - colour |
#99ccaa - colour |
|
| #99ccbb - colour |
|
| #99bbaa - colour |
|
Cascading Triangles 4b [132]
| #ddffee - colour |
#ccffee - colour |
#bbffee - colour |
#aaffee - colour |
#99ffee - colour |
| #cceedd - colour |
#bbeedd - colour |
#aaeedd - colour |
#99eedd - colour |
|
| #bbddcc - colour |
#aaddcc - colour |
#99ddcc - colour |
|
| #aaccbb - colour |
#99ccbb - colour |
|
| #99bbaa - colour |
|
| #ccffdd - colour |
#bbffdd - colour |
#aaffdd - colour |
#99ffdd - colour |
|
| #bbeecc - colour |
#aaeecc - colour |
#99eecc - colour |
|
| #aaddbb - colour |
#99ddbb - colour |
|
| #99ccaa - colour |
|
| #bbffcc - colour |
#aaffcc - colour |
#99ffcc - colour |
|
| #aaeebb - colour |
#99eebb - colour |
|
| #99ddaa - colour |
|
| #aaffbb - colour |
#99ffbb - colour |
|
| #99eeaa - colour |
|
| #99ffaa - colour |
|
Cascading Triangles 5a [213]
| #eeddff - colour |
#ddccff - colour |
#ccbbff - colour |
#bbaaff - colour |
#aa99ff - colour |
| #eeccff - colour |
#ddbbff - colour |
#ccaaff - colour |
#bb99ff - colour |
|
| #eebbff - colour |
#ddaaff - colour |
#cc99ff - colour |
|
| #eeaaff - colour |
#dd99ff - colour |
|
| #ee99ff - colour |
|
| #ddccee - colour |
#ccbbee - colour |
#bbaaee - colour |
#aa99ee - colour |
|
| #ddbbee - colour |
#ccaaee - colour |
#bb99ee - colour |
|
| #ddaaee - colour |
#cc99ee - colour |
|
| #dd99ee - colour |
|
| #ccbbdd - colour |
#bbaadd - colour |
#aa99dd - colour |
|
| #ccaadd - colour |
#bb99dd - colour |
|
| #cc99dd - colour |
|
| #bbaacc - colour |
#aa99cc - colour |
|
| #bb99cc - colour |
|
| #aa99bb - colour |
|
Cascading Triangles 5b [213]
| #eeddff - colour |
#eeccff - colour |
#eebbff - colour |
#eeaaff - colour |
#ee99ff - colour |
| #ddccee - colour |
#ddbbee - colour |
#ddaaee - colour |
#dd99ee - colour |
|
| #ccbbdd - colour |
#ccaadd - colour |
#cc99dd - colour |
|
| #bbaacc - colour |
#bb99cc - colour |
|
| #aa99bb - colour |
|
| #ddccff - colour |
#ddbbff - colour |
#ddaaff - colour |
#dd99ff - colour |
|
| #ccbbee - colour |
#ccaaee - colour |
#cc99ee - colour |
|
| #bbaadd - colour |
#bb99dd - colour |
|
| #aa99cc - colour |
|
| #ccbbff - colour |
#ccaaff - colour |
#cc99ff - colour |
|
| #bbaaee - colour |
#bb99ee - colour |
|
| #aa99dd - colour |
|
| #bbaaff - colour |
#bb99ff - colour |
|
| #aa99ee - colour |
|
| #aa99ff - colour |
|
Cascading Triangles 6a [123]
| #ddeeff - colour |
#ccddff - colour |
#bbccff - colour |
#aabbff - colour |
#99aaff - colour |
| #cceeff - colour |
#bbddff - colour |
#aaccff - colour |
#99bbff - colour |
|
| #bbeeff - colour |
#aaddff - colour |
#99ccff - colour |
|
| #aaeeff - colour |
#99ddff - colour |
|
| #99eeff - colour |
|
| #ccddee - colour |
#bbccee - colour |
#aabbee - colour |
#99aaee - colour |
|
| #bbddee - colour |
#aaccee - colour |
#99bbee - colour |
|
| #aaddee - colour |
#99ccee - colour |
|
| #99ddee - colour |
|
| #bbccdd - colour |
#aabbdd - colour |
#99aadd - colour |
|
| #aaccdd - colour |
#99bbdd - colour |
|
| #99ccdd - colour |
|
| #aabbcc - colour |
#99aacc - colour |
|
| #99bbcc - colour |
|
| #99aabb - colour |
|
Cascading Triangles 6b [123]
| #ddeeff - colour |
#cceeff - colour |
#bbeeff - colour |
#aaeeff - colour |
#99eeff - colour |
| #ccddee - colour |
#bbddee - colour |
#aaddee - colour |
#99ddee - colour |
|
| #bbccdd - colour |
#aaccdd - colour |
#99ccdd - colour |
|
| #aabbcc - colour |
#99bbcc - colour |
|
| #99aabb - colour |
|
| #ccddff - colour |
#bbddff - colour |
#aaddff - colour |
#99ddff - colour |
|
| #bbccee - colour |
#aaccee - colour |
#99ccee - colour |
|
| #aabbdd - colour |
#99bbdd - colour |
|
| #99aacc - colour |
|
| #bbccff - colour |
#aaccff - colour |
#99ccff - colour |
|
| #aabbee - colour |
#99bbee - colour |
|
| #99aadd - colour |
|
| #aabbff - colour |
#99bbff - colour |
|
| #99aaee - colour |
|
| #99aaff - colour |
|
