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 |
|