Pastel Colours 2
=== 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 F7 EF E7 DF D7 CF.
The three digits in square brackets at the end of each title provide a hint as to the RGB hexadecimal number sequence displayed in that chart.
Three RGB values are equal
Grey Scale [111]
| #ffffff - white |
#f7f7f7 - colour |
#efefef - colour |
#e7e7e7 - colour |
#dfdfdf - colour |
#d7d7d7 - colour |
#cfcfcf - colour |
Two RGB values are the same
Six distinct coloured triangles can be made from the colours in this section.
Triangle 1 [221]
| #fffff7 - colour |
#ffffef - colour |
#ffffe7 - colour |
#ffffdf - colour |
#ffffd7 - colour |
#ffffcf - colour |
| #f7f7ef - colour |
#f7f7e7 - colour |
#f7f7df - colour |
#f7f7d7 - colour |
#f7f7cf - colour |
|
| #efefe7 - colour |
#efefdf - colour |
#efefd7 - colour |
#efefcf - colour |
|
| #e7e7df - colour |
#e7e7d7 - colour |
#e7e7cf - colour |
|
| #dfdfd7 - colour |
#dfdfcf - colour |
|
| #d7d7cf - colour |
|
Triangle 2 [212]
| #fff7ff - colour |
#ffefff - colour |
#ffe7ff - colour |
#ffdfff - colour |
#ffd7ff - colour |
#ffcfff - colour |
| #f7eff7 - colour |
#f7e7f7 - colour |
#f7dff7 - colour |
#f7d7f7 - colour |
#f7cff7 - colour |
|
| #efe7ef - colour |
#efdfef - colour |
#efd7ef - colour |
#efcfef - colour |
|
| #e7dfe7 - colour |
#e7d7e7 - colour |
#e7cfe7 - colour |
|
| #dfd7df - colour |
#dfcfdf - colour |
|
| #d7cfd7 - colour |
|
Triangle 3 [122]
| #f7ffff - colour |
#efffff - colour |
#e7ffff - colour |
#dfffff - colour |
#d7ffff - colour |
#cfffff - colour |
| #eff7f7 - colour |
#e7f7f7 - colour |
#dff7f7 - colour |
#d7f7f7 - colour |
#cff7f7 - colour |
|
| #e7efef - colour |
#dfefef - colour |
#d7efef - colour |
#cfefef - colour |
|
| #dfe7e7 - colour |
#d7e7e7 - colour |
#cfe7e7 - colour |
|
| #d7dfdf - colour |
#cfdfdf - colour |
|
| #cfd7d7 - colour |
|
Triangle 4 [211]
| #fff7f7 - colour |
#ffefef - colour |
#ffe7e7 - colour |
#ffdfdf - colour |
#ffd7d7 - colour |
#ffcfcf - colour |
| #f7efef - colour |
#f7e7e7 - colour |
#f7dfdf - colour |
#f7d7d7 - colour |
#f7cfcf - colour |
|
| #efe7e7 - colour |
#efdfdf - colour |
#efd7d7 - colour |
#efcfcf - colour |
|
| #e7dfdf - colour |
#e7d7d7 - colour |
#e7cfcf - colour |
|
| #dfd7d7 - colour |
#dfcfcf - colour |
|
| #d7cfcf - colour |
|
Triangle 5 [121]
| #f7fff7 - colour |
#efffef - colour |
#e7ffe7 - colour |
#dfffdf - colour |
#d7ffd7 - colour |
#cfffcf - colour |
| #eff7ef - colour |
#e7f7e7 - colour |
#dff7df - colour |
#d7f7d7 - colour |
#cff7cf - colour |
|
| #e7efe7 - colour |
#dfefdf - colour |
#d7efd7 - colour |
#cfefcf - colour |
|
| #dfe7df - colour |
#d7e7d7 - colour |
#cfe7cf - colour |
|
| #d7dfd7 - colour |
#cfdfcf - colour |
|
| #cfd7cf - colour |
|
Triangle 6 [112]
| #f7f7ff - colour |
#efefff - colour |
#e7e7ff - colour |
#dfdfff - colour |
#d7d7ff - colour |
#cfcfff - colour |
| #efeff7 - colour |
#e7e7f7 - colour |
#dfdff7 - colour |
#d7d7f7 - colour |
#cfcff7 - colour |
|
| #e7e7ef - colour |
#dfdfef - colour |
#d7d7ef - colour |
#cfcfef - colour |
|
| #dfdfe7 - colour |
#d7d7e7 - colour |
#cfcfe7 - colour |
|
| #d7d7df - colour |
#cfcfdf - colour |
|
| #cfcfd7 - 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]
| #fff7ef - colour |
#ffefe7 - colour |
#ffe7df - colour |
#ffdfd7 - colour |
#ffd7cf - colour |
| #fff7e7 - colour |
#ffefdf - colour |
#ffe7d7 - colour |
#ffdfcf - colour |
|
| #fff7df - colour |
#ffefd7 - colour |
#ffe7cf - colour |
|
| #fff7d7 - colour |
#ffefcf - colour |
|
| #fff7cf - colour |
|
| #f7efe7 - colour |
#f7e7df - colour |
#f7dfd7 - colour |
#f7d7cf - colour |
|
| #f7efdf - colour |
#f7e7d7 - colour |
#f7dfcf - colour |
|
| #f7efd7 - colour |
#f7e7cf - colour |
|
| #f7efcf - colour |
|
| #efe7df - colour |
#efdfd7 - colour |
#efd7cf - colour |
|
| #efe7d7 - colour |
#efdfcf - colour |
|
| #efe7cf - colour |
|
| #e7dfd7 - colour |
#e7d7cf - colour |
|
| #e7dfcf - colour |
|
| #dfd7cf - colour |
|
Cascading Triangles 1b [321]
| #fff7ef - colour |
#fff7e7 - colour |
#fff7df - colour |
#fff7d7 - colour |
#fff7cf - colour |
| #f7efe7 - colour |
#f7efdf - colour |
#f7efd7 - colour |
#f7efcf - colour |
|
| #efe7df - colour |
#efe7d7 - colour |
#efe7cf - colour |
|
| #e7dfd7 - colour |
#e7dfcf - colour |
|
| #dfd7cf - colour |
|
| #ffefe7 - colour |
#ffefdf - colour |
#ffefd7 - colour |
#ffefcf - colour |
|
| #f7e7df - colour |
#f7e7d7 - colour |
#f7e7cf - colour |
|
| #efdfd7 - colour |
#efdfcf - colour |
|
| #e7d7cf - colour |
|
| #ffe7df - colour |
#ffe7d7 - colour |
#ffe7cf - colour |
|
| #f7dfd7 - colour |
#f7dfcf - colour |
|
| #efd7cf - colour |
|
| #ffdfd7 - colour |
#ffdfcf - colour |
|
| #f7d7cf - colour |
|
| #ffd7cf - colour |
|
Cascading Triangles 2a [312]
| #ffeff7 - colour |
#ffe7ef - colour |
#ffdfe7 - colour |
#ffd7df - colour |
#ffcfd7 - colour |
| #ffe7f7 - colour |
#ffdfef - colour |
#ffd7e7 - colour |
#ffcfdf - colour |
|
| #ffdff7 - colour |
#ffd7ef - colour |
#ffcfe7 - colour |
|
| #ffd7f7 - colour |
#ffcfef - colour |
|
| #ffcff7 - colour |
|
| #f7e7ef - colour |
#f7dfe7 - colour |
#f7d7df - colour |
#f7cfd7 - colour |
|
| #f7dfef - colour |
#f7d7e7 - colour |
#f7cfdf - colour |
|
| #f7d7ef - colour |
#f7cfe7 - colour |
|
| #f7cfef - colour |
|
| #efdfe7 - colour |
#efd7df - colour |
#efcfd7 - colour |
|
| #efd7e7 - colour |
#efcfdf - colour |
|
| #efcfe7 - colour |
|
| #e7d7df - colour |
#e7cfd7 - colour |
|
| #e7cfdf - colour |
|
| #dfcfd7 - colour |
|
Cascading Triangles 2b [312]
| #ffeff7 - colour |
#ffe7f7 - colour |
#ffdff7 - colour |
#ffd7f7 - colour |
#ffcff7 - colour |
| #f7e7ef - colour |
#f7dfef - colour |
#f7d7ef - colour |
#f7cfef - colour |
|
| #efdfe7 - colour |
#efd7e7 - colour |
#efcfe7 - colour |
|
| #e7d7df - colour |
#e7cfdf - colour |
|
| #dfcfd7 - colour |
|
| #ffe7ef - colour |
#ffdfef - colour |
#ffd7ef - colour |
#ffcfef - colour |
|
| #f7dfe7 - colour |
#f7d7e7 - colour |
#f7cfe7 - colour |
|
| #efd7df - colour |
#efcfdf - colour |
|
| #e7cfd7 - colour |
|
| #ffdfe7 - colour |
#ffd7e7 - colour |
#ffcfe7 - colour |
|
| #f7d7df - colour |
#f7cfdf - colour |
|
| #efcfd7 - colour |
|
| #ffd7df - colour |
#ffcfdf - colour |
|
| #f7cfd7 - colour |
|
| #ffcfd7 - colour |
|
Cascading Triangles 3a [231]
| #f7ffef - colour |
#efffe7 - colour |
#e7ffdf - colour |
#dfffd7 - colour |
#d7ffcf - colour |
| #f7ffe7 - colour |
#efffdf - colour |
#e7ffd7 - colour |
#dfffcf - colour |
|
| #f7ffdf - colour |
#efffd7 - colour |
#e7ffcf - colour |
|
| #f7ffd7 - colour |
#efffcf - colour |
|
| #f7ffcf - colour |
|
| #eff7e7 - colour |
#e7f7df - colour |
#dff7d7 - colour |
#d7f7cf - colour |
|
| #eff7df - colour |
#e7f7d7 - colour |
#dff7cf - colour |
|
| #eff7d7 - colour |
#e7f7cf - colour |
|
| #eff7ecf - colour |
|
| #e7efdf - colour |
#dfefd7 - colour |
#d7efcf - colour |
|
| #e7efd7 - colour |
#dfefcf - colour |
|
| #e7efcf - colour |
|
| #dfe7d7 - colour |
#d7e7cf - colour |
|
| #dfe7cf - colour |
|
| #d7dfcf - colour |
|
Cascading Triangles 3b [231]
| #f7ffef - colour |
#f7ffe7 - colour |
#f7ffdf - colour |
#f7ffd7 - colour |
#f7ffcf - colour |
| #eff7e7 - colour |
#eff7df - colour |
#eff7d7 - colour |
#eff7cf - colour |
|
| #e7efdf - colour |
#e7efd7 - colour |
#e7efcf - colour |
|
| #dfe7d7 - colour |
#dfe7cf - colour |
|
| #d7dfcf - colour |
|
| #efffe7 - colour |
#efffdf - colour |
#efffd7 - colour |
#efffcf - colour |
|
| #e7f7df - colour |
#e7f7d7 - colour |
#e7f7cf - colour |
|
| #dfefd7 - colour |
#dfefcf - colour |
|
| #d7e7cf - colour |
|
| #e7ffdf - colour |
#e7ffd7 - colour |
#e7ffcf - colour |
|
| #dff7d7 - colour |
#dff7cf - colour |
|
| #d7efcf - colour |
|
| #dfffd7 - colour |
#dfffcf - colour |
|
| #d7f7cf - colour |
|
| #d7ffcf - colour |
|
Cascading Triangles 4a [132]
| #effff7 - colour |
#e7ffef - colour |
#dfffe7 - colour |
#d7ffdf - colour |
#cfffd7 - colour |
| #e7fff7 - colour |
#dfffef - colour |
#d7ffe7 - colour |
#cfffdf - colour |
|
| #dffff7 - colour |
#d7ffef - colour |
#cfffe7 - colour |
|
| #d7fff7 - colour |
#cfffef - colour |
|
| #cffff7 - colour |
|
| #e7f7ef - colour |
#dff7e7 - colour |
#d7f7df - colour |
#cff7d7 - colour |
|
| #dff7ef - colour |
#d7f7e7 - colour |
#cff7df - colour |
|
| #d7f7ef - colour |
#cff7e7 - colour |
|
| #cff7ef - colour |
|
| #dfefe7 - colour |
#d7efdf - colour |
#cfefd7 - colour |
|
| #d7efe7 - colour |
#cfefdf - colour |
|
| #cfefe7 - colour |
|
| #d7e7df - colour |
#cfe7d7 - colour |
|
| #cfe7df - colour |
|
| #cfdfd7 - colour |
|
Cascading Triangles 4b [132]
| #effff7 - colour |
#e7fff7 - colour |
#dffff7 - colour |
#d7fff7 - colour |
#cffff7 - colour |
| #e7f7ef - colour |
#dff7ef - colour |
#d7f7ef - colour |
#cff7ef - colour |
|
| #dfefe7 - colour |
#d7efe7 - colour |
#cfefe7 - colour |
|
| #d7e7df - colour |
#cfe7df - colour |
|
| #cfdfd7 - colour |
|
| #e7ffef - colour |
#dfffef - colour |
#d7ffef - colour |
#cfffef - colour |
|
| #dff7e7 - colour |
#d7f7e7 - colour |
#cff7e7 - colour |
|
| #d7efdf - colour |
#cfefdf - colour |
|
| #cfe7d7 - colour |
|
| #dfffe7 - colour |
#d7ffe7 - colour |
#cfffe7 - colour |
|
| #d7f7df - colour |
#cff7df - colour |
|
| #cfefd7 - colour |
|
| #d7ffdf - colour |
#cfffdf - colour |
|
| #cff7d7 - colour |
|
| #cfffd7 - colour |
|
Cascading Triangles 5a [213]
| #f7efff - colour |
#efe7ff - colour |
#e7dfff - colour |
#dfd7ff - colour |
#d7cfff - colour |
| #f7e7ff - colour |
#efdfff - colour |
#e7d7ff - colour |
#dfcfff - colour |
|
| #f7dfff - colour |
#efd7ff - colour |
#e7cfff - colour |
|
| #f7d7ff - colour |
#efcfff - colour |
|
| #f7cfff - colour |
|
| #efe7f7 - colour |
#e7dff7 - colour |
#dfd7f7 - colour |
#d7cff7 - colour |
|
| #efdff7 - colour |
#e7d7f7 - colour |
#dfcff7 - colour |
|
| #efd7f7 - colour |
#e7cff7 - colour |
|
| #efcff7 - colour |
|
| #e7dfef - colour |
#dfd7ef - colour |
#d7cfef - colour |
|
| #e7d7ef - colour |
#dfcfef - colour |
|
| #e7cfef - colour |
|
| #dfd7e7 - colour |
#d7cfe7 - colour |
|
| #dfcfe7 - colour |
|
| #d7cfdf - colour |
|
Cascading Triangles 5b [213]
| #f7efff - colour |
#f7e7ff - colour |
#f7dfff - colour |
#f7d7ff - colour |
#f7cfff - colour |
| #efe7f7 - colour |
#efdff7 - colour |
#efd7f7 - colour |
#efcff7 - colour |
|
| #e7dfef - colour |
#e7d7ef - colour |
#e7cfef - colour |
|
| #dfd7e7 - colour |
#dfcfe7 - colour |
|
| #d7cfdf - colour |
|
| #efe7ff - colour |
#efdfff - colour |
#efd7ff - colour |
#efcfff - colour |
|
| #e7dff7 - colour |
#e7d7f7 - colour |
#e7cff7 - colour |
|
| #dfd7ef - colour |
#dfcfef - colour |
|
| #d7cfe7 - colour |
|
| #e7dfff - colour |
#e7d7ff - colour |
#e7cfff - colour |
|
| #dfd7f7 - colour |
#dfcff7 - colour |
|
| #d7cfef - colour |
|
| #dfd7ff - colour |
#dfcfff - colour |
|
| #d7cff7 - colour |
|
| #d7cfff - colour |
|
Cascading Triangles 6a [123]
| #eff7ff - colour |
#e7efff - colour |
#dfe7ff - colour |
#d7dfff - colour |
#cfd7ff - colour |
| #e7f7ff - colour |
#dfefff - colour |
#d7e7ff - colour |
#cfdfff - colour |
|
| #dff7ff - colour |
#d7efff - colour |
#cfe7ff - colour |
|
| #d7f7ff - colour |
#cfefff - colour |
|
| #cff7ff - colour |
|
| #e7eff7 - colour |
#dfe7f7 - colour |
#d7dff7 - colour |
#cfd7f7 - colour |
|
| #dfeff7 - colour |
#d7e7f7 - colour |
#cfdff7 - colour |
|
| #d7eff7 - colour |
#cfe7f7 - colour |
|
| #cfeff7 - colour |
|
| #dfe7ef - colour |
#d7dfef - colour |
#cfd7ef - colour |
|
| #d7e7ef - colour |
#cfdfef - colour |
|
| #cfe7ef - colour |
|
| #d7dfe7 - colour |
#cfd7e7 - colour |
|
| #cfdfe7 - colour |
|
| #cfd7df - colour |
|
Cascading Triangles 6b [123]
| #eff7ff - colour |
#e7f7ff - colour |
#dff7ff - colour |
#d7f7ff - colour |
#cff7ff - colour |
| #e7eff7 - colour |
#dfeff7 - colour |
#d7eff7 - colour |
#cfeff7 - colour |
|
| #dfe7ef - colour |
#d7e7ef - colour |
#cfe7ef - colour |
|
| #d7dfe7 - colour |
#cfdfe7 - colour |
|
| #cfd7df - colour |
|
| #e7efff - colour |
#dfefff - colour |
#d7efff - colour |
#cfefff - colour |
|
| #dfe7f7 - colour |
#d7e7f7 - colour |
#cfe7f7 - colour |
|
| #d7dfef - colour |
#cfdfef - colour |
|
| #cfd7e7 - colour |
|
| #dfe7ff - colour |
#d7e7ff - colour |
#cfe7ff - colour |
|
| #d7dff7 - colour |
#cfdff7 - colour |
|
| #cfd7ef - colour |
|
| #d7dfff - colour |
#cfdfff - colour |
|
| #cfd7f7 - colour |
|
| #cfd7ff - colour |
|
