Triangles and Pyramids for 216 Colours

=== by Bob Sutherland ===

This page includes all 216 Web Safe Colours. The colours are created by using all possible RGB colour code combinations of the hexadecimal numbers FF CC 99 66 33 00.

Using mathematical patterns I found in the RGB values I have broken the total chart of 216 colours up into many smaller charts. 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.

Every triangle or pyramid shaped chart on this page appeared as a single column in charts 2 or 3 on the 216 Web Safe Colours page.


Three RGB values are equal

Web Safe Colours Grey Scale [111]
#ffffff - white #cccccc - colour #999999 - colour #666666 - colour #333333 - colour #000000 - black

Two RGB values are the same

Six distinct coloured triangles can be made from the colours in this section.

Triangle 1 Yellow [221]
#ffffcc - colour #ffff99 - colour #ffff66 - colour #ffff33 - colour #ffff00 - yellow
#cccc99 - colour #cccc66 - colour #cccc33 - colour #cccc00 - colour
#999966 - colour #999933 - colour #999900 - colour
#666633 - colour #666600 - colour
#333300 - colour
Triangle 2 Fushsia [212]
#ffccff - colour #ff99ff - colour #ff66ff - colour #ff33ff - colour #ff00ff - fushsia
#cc99cc - colour #cc66cc - colour #cc33cc - colour #cc00cc - colour
#996699 - colour #993399 - colour #990099 - colour
#663366 - colour #660066 - colour
#330033 - colour
Triangle 3 Aqua [122]
#ccffff - colour #99ffff - colour #66ffff - colour #33ffff - colour #00ffff - aqua
#99cccc - colour #66cccc - colour #33cccc - colour #00cccc - colour
#669999 - colour #339999 - colour #009999 - colour
#336666 - colour #006666 - colour
#003333 - colour
Triangle 4 Red [211]
#ffcccc - colour #ff9999 - colour #ff6666 - colour #ff3333 - colour #ff0000 - red
#cc9999 - colour #cc6666 - colour #cc3333 - colour #cc0000 - colour
#996666 - colour #993333 - colour #990000 - colour
#663333 - colour #660000 - colour
#330000 - colour
Triangle 5 Lime [121]
#ccffcc - colour #99ff99 - colour #66ff66 - colour #33ff33 - colour #00ff00 - lime
#99cc99 - colour #66cc66 - colour #33cc33 - colour #00cc00 - colour
#669966 - colour #339933 - colour #009900 - colour
#336633 - colour #006600 - colour
#003300 - colour
Triangle 6 Blue [112]
#ccccff - colour #9999ff - colour #6666ff - colour #3333ff - colour #0000ff - blue
#9999cc - colour #6666cc - colour #3333cc - colour #0000cc - colour
#666699 - colour #333399 - colour #000099 - colour
#333366 - colour #000066 - colour
#000033 - colour

Three RGB values are different - Cascading Triangles

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 (4x4x4) on the bottom to smallest (1x1x1) at the top.

Cascading Triangles 1a [321]
#ffcc99 - colour #ff9966 - colour #ff6633 - colour #ff3300 - colour
#ffcc66 - colour #ff9933 - colour #ff6600 - colour
#ffcc33 - colour #ff9900 - colour
#ffcc00 - colour
#cc9966 - colour #cc6633 - colour #cc3300 - colour
#cc9933 - colour #cc6600 - colour
#cc9900 - colour
#996633 - colour #993300 - colour
#996600 - colour
#663300 - colour
Cascading Triangles 1b [321]
#ffcc99 - colour #ffcc66 - colour #ffcc33 - colour #ffcc00 - colour
#cc9966 - colour #cc9933 - colour #cc9900 - colour
#996633 - colour #996600 - colour
#663300 - colour
#ff9966 - colour #ff9933 - colour #ff9900 - colour
#cc6633 - colour #cc6600 - colour
#993300 - colour
#ff6633 - colour #ff6600 - colour
#cc3300 - colour
#ff3300 - colour
Cascading Triangles 2a [312]
#ff99cc - colour #ff6699 - colour #ff3366 - colour #ff0033 - colour
#ff66cc - colour #ff3399 - colour #ff0066 - colour
#ff33cc - colour #ff0099 - colour
#ff00cc - colour
#cc6699 - colour #cc3366 - colour #cc0033 - colour
#cc3399 - colour #cc0066 - colour
#cc0099 - colour
#993366 - colour #990033 - colour
#990066 - colour
#660033 - colour
Cascading Triangles 2b [312]
#ff99cc - colour #ff66cc - colour #ff33cc - colour #ff00cc - colour
#cc6699 - colour #cc3399 - colour #cc0099 - colour
#993366 - colour #990066 - colour
#660033 - colour
#ff6699 - colour #ff3399 - colour #ff0099 - colour
#cc3366 - colour #cc0066 - colour
#990033 - colour
#ff3366 - colour #ff0066 - colour
#cc0033 - colour
#ff0033 - colour
Cascading Triangles 3a [231]
#ccff99 - colour #99ff66 - colour #66ff33 - colour #33ff00 - colour
#ccff66 - colour #99ff33 - colour #66ff00 - colour
#ccff33 - colour #99ff00 - colour
#ccff00 - colour
#99cc66 - colour #66cc33 - colour #33cc00 - colour
#99cc33 - colour #66cc00 - colour
#99cc00 - colour
#669933 - colour #339900 - colour
#669900 - colour
#336600 - colour
Cascading Triangles 3b [231]
#ccff99 - colour #ccff66 - colour #ccff33 - colour #ccff00 - colour
#99cc66 - colour #99cc33 - colour #99cc00 - colour
#669933 - colour #669900 - colour
#336600 - colour
#99ff66 - colour #99ff33 - colour #99ff00 - colour
#66cc33 - colour #66cc00 - colour
#339900 - colour
#66ff33 - colour #66ff00 - colour
#33cc00 - colour
#33ff00 - colour
Cascading Triangles 4a [132]
#99ffcc - colour #66ff99 - colour #33ff66 - colour #00ff33 - colour
#66ffcc - colour #33ff99 - colour #00ff66 - colour
#33ffcc - colour #00ff99 - colour
#00ffcc - colour
#66cc99 - colour #33cc66 - colour #00cc33 - colour
#33cc99 - colour #00cc66 - colour
#00cc99 - colour
#339966 - colour #009933 - colour
#009966 - colour
#006633 - colour
Cascading Triangles 4b [132]
#99ffcc - colour #66ffcc - colour #33ffcc - colour #00ffcc - colour
#66cc99 - colour #33cc99 - colour #00cc99 - colour
#339966 - colour #009966 - colour
#006633 - colour
#66ff99 - colour #33ff99 - colour #00ff99 - colour
#33cc66 - colour #00cc66 - colour
#009933 - colour
#33ff66 - colour #00ff66 - colour
#00cc33 - colour
#00ff33 - colour
Cascading Triangles 5a [213]
#cc99ff - colour #9966ff - colour #6633ff - colour #3300ff - colour
#cc66ff - colour #9933ff - colour #6600ff - colour
#cc33ff - colour #9900ff - colour
#cc00ff - colour
#9966cc - colour #6633cc - colour #3300cc - colour
#9933cc - colour #6600cc - colour
#9900cc - colour
#663399 - colour #330099 - colour
#660099 - colour
#330066 - colour
Cascading Triangles 5b [213]
#cc99ff - colour #cc66ff - colour #cc33ff - colour #cc00ff - colour
#9966cc - colour #9933cc - colour #9900cc - colour
#663399 - colour #660099 - colour
#330066 - colour
#9966ff - colour #9933ff - colour #9900ff - colour
#6633cc - colour #6600cc - colour
#330099 - colour
#6633ff - colour #6600ff - colour
#3300cc - colour
#3300ff - colour
Cascading Triangles 6a [123]
#99ccff - colour #6699ff - colour #3366ff - colour #0033ff - colour
#66ccff - colour #3399ff - colour #0066ff - colour
#33ccff - colour #0099ff - colour
#00ccff - colour
#6699cc - colour #3366cc - colour #0033cc - colour
#3399cc - colour #0066cc - colour
#0099cc - colour
#336699 - colour #003399 - colour
#006699 - colour
#003366 - colour
Cascading Triangles 6b [123]
#99ccff - colour #66ccff - colour #33ccff - colour #00ccff - colour
#6699cc - colour #3399cc - colour #0099cc - colour
#336699 - colour #006699 - colour
#003366 - colour
#6699ff - colour #3399ff - colour #0099ff - colour
#3366cc - colour #0066cc - colour
#003399 - colour
#3366ff - colour #0066ff - colour
#0033cc - colour
#0033ff - colour

Three RGB values are different - Pyramids

Here I am using exactly the same colours as I used above for the cascading triangles but I am trying to display them in their natural arrangement of three dimensional triangle base pyramids.

In this section I have drawn two triangular sides of each pyramid showing them attached together. I then rotate the pyramid around to draw the other two triangular sides attached together.

The four colours in the left hand column of each drawing are the left over colours that normally would be hidden from view on the far side of the pyramid.

With a pyramid of this size most of the colours are located along the edges. There is one colour located in the center of each face (triangle). Since you can see 5 out of 6 of the edges and all four vertices (points) that is why there is only four colours hidden from view in my charts showing two attached triangular sides of the pyramids. Two of the hidden colours are from the centers of the faces (triangular sides) that you cannot see and two of the hidden colours are from the edge that you cannot see.

Pyramid 1A [321]
#ffcc99 - colour
#ffcc66 - colour #ff9966 - colour #cc9966 - colour
#ff9933 - colour #ff6633 - colour #cc6633 - colour #996633 - colour
#ff3300 - colour #cc3300 - colour #993300 - colour #663300 - colour
#cc9933 - colour #ff6600 - colour #cc6600 - colour #996600 - colour
#ffcc33 - colour #ff9900 - colour #cc9900 - colour
#ffcc00 - colour
Pyramid 1B [321]
#ff3300 - colour
#cc3300 - colour #ff6633 - colour #ff6600 - colour
#cc6633 - colour #ff9966 - colour #ff9933 - colour #ff9900 - colour
#ffcc99 - colour #ffcc66 - colour #ffcc33 - colour #ffcc00 - colour
#cc6600 - colour #cc9966 - colour #cc9933 - colour #cc9900 - colour
#993300 - colour #996633 - colour #996600 - colour
#663300 - colour
Pyramid 2A [312]
#ff99cc - colour
#ff66cc - colour #ff6699 - colour #cc6699 - colour
#ff3399 - colour #ff3366 - colour #cc3366 - colour #993366 - colour
#ff0033 - colour #cc0033 - colour #990033 - colour #660033 - colour
#cc3399 - colour #ff0066 - colour #cc0066 - colour #990066 - colour
#ff33cc - colour #ff0099 - colour #cc0099 - colour
#ff00cc - colour
Pyramid 2B [312]
#ff0033 - colour
#cc0033 - colour #ff3366 - colour #ff0066 - colour
#cc3366 - colour #ff6699 - colour #ff3399 - colour #ff0099 - colour
#ff99cc - colour #ff66cc - colour #ff33cc - colour #ff00cc - colour
#cc0066 - colour #cc6699 - colour #cc3399 - colour #cc0099 - colour
#990033 - colour #993366 - colour #990066 - colour
#660033 - colour
Pyramid 3A [132]
#99ffcc - colour
#66ffcc - colour #66ff99 - colour #66cc99 - colour
#33ff99 - colour #33ff66 - colour #33cc66 - colour #339966 - colour
#00ff33 - colour #00cc33 - colour #009933 - colour #006633 - colour
#33cc99 - colour #00ff66 - colour #00cc66 - colour #009966 - colour
#33ffcc - colour #00ff99 - colour #00cc99 - colour
#00ffcc - colour
Pyramid 3B [132]
#00ff33 - colour
#00cc33 - colour #33ff66 - colour #00ff66 - colour
#33cc66 - colour #66ff99 - colour #33ff99 - colour #00ff99 - colour
#99ffcc - colour #66ffcc - colour #33ffcc - colour #00ffcc - colour
#00cc66 - colour #66cc99 - colour #33cc99 - colour #00cc99 - colour
#009933 - colour #339966 - colour #009966 - colour
#006633 - colour
Pyramid 4A [231]
#ccff99 - colour
#ccff66 - colour #99ff66 - colour #99cc66 - colour
#99ff33 - colour #66ff33 - colour #66cc33 - colour #669933 - colour
#33ff00 - colour #33cc00 - colour #339900 - colour #336600 - colour
#99cc33 - colour #66ff00 - colour #66cc00 - colour #669900 - colour
#ccff33 - colour #99ff00 - colour #99cc00 - colour
#ccff00 - colour
Pyramid 4B [231]
#33ff00 - colour
#33cc00 - colour #66ff33 - colour #66ff00 - colour
#66cc33 - colour #99ff66 - colour #99ff33 - colour #99ff00 - colour
#ccff99 - colour #ccff66 - colour #ccff33 - colour #ccff00 - colour
#66cc00 - colour #99cc66 - colour #99cc33 - colour #99cc00 - colour
#339900 - colour #669933 - colour #669900 - colour
#336600 - colour
Pyramid 5A [213]
#cc99ff - colour
#cc66ff - colour #9966ff - colour #9966cc - colour
#9933ff - colour #6633ff - colour #6633cc - colour #663399 - colour
#3300ff - colour #3300cc - colour #330099 - colour #330066 - colour
#9933cc - colour #6600ff - colour #6600cc - colour #660099 - colour
#cc33ff - colour #9900ff - colour #9900cc - colour
#cc00ff - colour
Pyramid 5B [213]
#3300ff - colour
#3300cc - colour #6633ff - colour #6600ff - colour
#6633cc - colour #9966ff - colour #9933ff - colour #9900ff - colour
#cc99ff - colour #cc66ff - colour #cc33ff - colour #cc00ff - colour
#6600cc - colour #9966cc - colour #9933cc - colour #9900cc - colour
#330099 - colour #663399 - colour #660099 - colour
#330066 - colour
Pyramid 6A [123]
#99ccff - colour
#66ccff - colour #6699ff - colour #6699cc - colour
#3399ff - colour #3366ff - colour #3366cc - colour #336699 - colour
#0033ff - colour #0033cc - colour #003399 - colour #003366 - colour
#3399cc - colour #0066ff - colour #0066cc - colour #006699 - colour
#33ccff - colour #0099ff - colour #0099cc - colour
#00ccff - colour
Pyramid 6B [123]
#0033ff - colour
#0033cc - colour #3366ff - colour #0066ff - colour
#3366cc - colour #6699ff - colour #3399ff - colour #0099ff - colour
#99ccff - colour #66ccff - colour #33ccff - colour #00ccff - colour
#0066cc - colour #6699cc - colour #3399cc - colour #0099cc - colour
#003399 - colour #336699 - colour #006699 - colour
#003366 - colour

Three RGB values are different - Triangles

Up above I have drawn six cascading triangle patterns and then six pyramid patterns. Both patterns are fairly complicated and I drew double diagrams (versions a & b) each time. Here I am going to display the same colours in six simple, compact shapes.

Triangle 7 [321]
#ffcc99 - colour #cc9966 - colour #996633 - colour
#ffcc66 - colour #cc9933 - colour #996600 - colour
#ffcc33 - colour #cc9900 - colour #993300 - colour
#ffcc00 - colour #cc6633 - colour #663300 - colour
#ff9966 - colour #cc6600 - colour
#ff9933 - colour #cc3300 - colour
#ff9900 - colour
#ff6633 - colour
#ff6600 - colour
#ff3300 - colour
Triangle 8 [312]
#ff99cc - colour #cc6699 - colour #993366 - colour
#ff66cc - colour #cc3399 - colour #990066 - colour
#ff33cc - colour #cc0099 - colour #990033 - colour
#ff00cc - colour #cc3366 - colour #660033 - colour
#ff6699 - colour #cc0066 - colour
#ff3399 - colour #cc0033 - colour
#ff0099 - colour
#ff3366 - colour
#ff0066 - colour
#ff0033 - colour
Triangle 9 [132]
#99ffcc - colour #66cc99 - colour #339966 - colour
#66ffcc - colour #33cc99 - colour #009966 - colour
#33ffcc - colour #00cc99 - colour #009933 - colour
#00ffcc - colour #33cc66 - colour #006633 - colour
#66ff99 - colour #00cc66 - colour
#33ff99 - colour #00cc33 - colour
#00ff99 - colour
#33ff66 - colour
#00ff66 - colour
#00ff33 - colour
Triangle 10 [231]
#ccff99 - colour #99cc66 - colour #669933 - colour
#ccff66 - colour #99cc33 - colour #669900 - colour
#ccff33 - colour #99cc00 - colour #339900 - colour
#ccff00 - colour #66cc33 - colour #336600 - colour
#99ff66 - colour #66cc00 - colour
#99ff33 - colour #33cc00 - colour
#99ff00 - colour
#66ff33 - colour
#66ff00 - colour
#33ff00 - colour
Triangle 11 [213]
#cc99ff - colour #9966cc - colour #663399 - colour
#cc66ff - colour #9933cc - colour #660099 - colour
#cc33ff - colour #9900cc - colour #330099 - colour
#cc00ff - colour #6633cc - colour #330066 - colour
#9966ff - colour #6600cc - colour
#9933ff - colour #3300cc - colour
#9900ff - colour
#6633ff - colour
#6600ff - colour
#3300ff - colour
Triangle 12 [123]
#99ccff - colour #6699cc - colour #336699 - colour
#66ccff - colour #3399cc - colour #006699 - colour
#33ccff - colour #0099cc - colour #003399 - colour
#00ccff - colour #3366cc - colour #003366 - colour
#6699ff - colour #0066cc - colour
#3399ff - colour #0033cc - colour
#0099ff - colour
#3366ff - colour
#0066ff - colour
#0033ff - colour