v50 Steam/Premium information for editors
  • v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
  • Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.

Difference between revisions of "v0.31:Color"

From Dwarf Fortress Wiki
Jump to navigation Jump to search
(Fixing links within namespace (0564/2808))
 
(21 intermediate revisions by 9 users not shown)
Line 1: Line 1:
{{av}}{{Quality|Exceptional|10:19, 7 June 2010 (UTC)}}
+
{{quality|Exceptional|21:07, 30 March 2011 (UTC)}}{{av}}
'''Color''' is used to express various information, from a dwarf's {{L|profession}} to the natural color of a terrain feature to the material an item is made of.
+
'''Color''' is used to express various information, from a dwarf's [[profession]] to the natural color of a terrain feature to the material an item is made of.
  
:* ''If looking for different colors for the game as seen on your computer screen, see {{L|color schemes}}.''
+
:* ''If looking for different colors for the game as seen on your computer screen, see [[color schemes]].''
:* ''If looking for the different colors used to represent different dwarfs, see {{L|Skill#Professions, colors, & skill categories|Skill categories}}.)''
+
:* ''If looking for the different colors used to represent different dwarves, see [[Skill#Professions, colors, & skill categories|Skill categories]].)''
:* ''If looking for colors of items listed in the z-stocks menu, see {{L|Stocks#Color_Code|Stocks}}.''
+
:* ''If looking for colors of items listed in the z-stocks menu, see [[Stocks#Color_Code|Stocks]].''
  
  
 
==Wall vs. floor color==
 
==Wall vs. floor color==
[[image:Towercaps-sandy.jpg|thumb|{{L|Phyllite}} (to the left) has DISPLAY_COLOR:0:7:1 and BASIC_COLOR:7:0.  The {{L|white sand}} present has DISPLAY_COLOR:7:6:1 and so the actual floor color is 7:1 (white).]]
+
[[image:Towercaps-sandy.jpg|thumb|[[Phyllite]] (to the left) has DISPLAY_COLOR:0:7:1 and BASIC_COLOR:7:0.  The [[white sand]] present has DISPLAY_COLOR:7:6:1 and so the actual floor color is 7:1 (white).]]
  
While the foreground, background and brightness shown in the {{L|Material definition token|RAW}} files will be applied to {{L|wall}}s, the {{L|stone|mineral}}'s "secondary" color will end up different.  Here is how it works:
+
While the foreground, background and brightness shown in the [[Material definition token|RAW]] files will be applied to [[wall]]s, the [[stone|mineral]]'s "secondary" color will end up different.  Here is how it works:
 
* If the BASIC_COLOR tag is specified, it will use that color.  Note that the BASIC_COLOR tag only has foreground and brightness as arguments.
 
* If the BASIC_COLOR tag is specified, it will use that color.  Note that the BASIC_COLOR tag only has foreground and brightness as arguments.
 
* If BASIC_COLOR is left out:
 
* If BASIC_COLOR is left out:
 
** The background color is forced to 0 (effectively stripping it).
 
** The background color is forced to 0 (effectively stripping it).
 
** If the foreground color is 0, the game will display it as dark grey, color 8 (in other words, color 0 with brightness 1).
 
** If the foreground color is 0, the game will display it as dark grey, color 8 (in other words, color 0 with brightness 1).
This is effective for {{L|stairs}}, {{L|floor}}s, {{L|ramp}}s, and {{L|construction}}s (in the case of stone).  When stone is {{L|engraving|engraved}}, it uses the material's TILE_COLOR (which is the same as the DISPLAY_COLOR unless overridden).
+
This is effective for [[stairs]], [[floor]]s, [[ramp]]s, and [[construction]]s (in the case of stone).  When stone is [[engraving|engraved]], it uses the material's TILE_COLOR (which is the same as the DISPLAY_COLOR unless overridden).
  
 
== Modding color ==
 
== Modding color ==
Line 21: Line 21:
 
If you wish to change how a specific item appears in the game, you can modify what colors are associated with that item.*  Various moddable files use one of the the two color definitions below.
 
If you wish to change how a specific item appears in the game, you can modify what colors are associated with that item.*  Various moddable files use one of the the two color definitions below.
  
=== Color flags ===
+
=== Color values ===
  
Colors are primarily defined using the [COLOR:foreground:background:brightness] flag. The three arguments are:
+
Colors are primarily defined using the [COLOR:x:y:z] or [DISPLAY_COLOR:x:y:z] tokens. The three arguments are:
  
 
# Foreground color [0-7]
 
# Foreground color [0-7]
Line 114: Line 114:
 
|}
 
|}
 
|}
 
|}
::::''(* See {{L|color scheme}} for information about how to change the actual various colors as displayed.)''
+
::::''(* See [[color scheme]] for information about how to change the actual various colors as displayed.)''
  
  
Sometimes the color numbers are part of another flag, e.g. <code>[LEAVES:quarry bush leaf:quarry bush leaves:6:7:0:0:0:0:1:LOCAL_PLANT_MAT:LEAF]</code> specifies the colors "7:0:0" for quarry bush leaves and "0:0:1" for wilted quarry bush leaves.
+
Sometimes the color numbers are part of another token, e.g. <code>[LEAVES:quarry bush leaf:quarry bush leaves:6:7:0:0:0:0:1:LOCAL_PLANT_MAT:LEAF]</code> specifies the colors "7:0:0" for quarry bush leaves and "0:0:1" for wilted quarry bush leaves.
  
 
===Interesting Color Effects===
 
===Interesting Color Effects===
Line 127: Line 127:
  
 
If the foreground color is higher than 15 for any reason, the tile or creature will take the color of whatever tile was in that position on the screen in the previous frame. If the background color value is higher than 15, it also acts this way, taking the background color of the previous tile to inhabit that location. <sup>[Disputed - see talk]</sup>
 
If the foreground color is higher than 15 for any reason, the tile or creature will take the color of whatever tile was in that position on the screen in the previous frame. If the background color value is higher than 15, it also acts this way, taking the background color of the previous tile to inhabit that location. <sup>[Disputed - see talk]</sup>
 +
 +
== By Color ==
 +
For those concerned with aesthetics and want to know which materials are available in each color.
 +
 +
{| border = 1 cellspacing="0" cellpadding="5"
 +
|-
 +
!width="90"| Color
 +
! Stones
 +
! Ores
 +
! Metals
 +
! Other
 +
|-valign="top"
 +
|{{Raw Tile|•|7:1}} White
 +
|[[Alunite]], [[Borax]], [[Cryolite]], [[Marcasite]], [[Periclase]], [[Quartzite]], [[Rock salt]], [[Talc]], [[Alabaster]], [[Calcite]], [[Chalk]], [[Dolomite]], [[Limestone]], [[Marble]], [[Satinspar]], [[Selenite]]
 +
|[[Galena]], [[Horn silver]], [[Native aluminum]], [[Native platinum]], [[Native silver]]
 +
|[[Silver]], [[Platinum]], [[Aluminum]], [[Fine pewter]], [[Nickel silver]], [[Sterling silver]]
 +
|[[Crystal glass]], [[Feather tree]], [[Tower-cap]]
 +
|-valign="top"
 +
|{{Raw Tile|•|7:0}} Light Gray
 +
|[[Anhydrite]], [[Dacite]], [[Gneiss]], [[Granite]], [[Phyllite]], [[Stibnite]]
 +
|[[Bismuthinite]]
 +
|[[Nickel]], [[Tin]], [[Zinc]], [[Billon]], [[Trifle pewter]]
 +
|
 +
|-valign="top"
 +
|{{Raw Tile|•|0:1}} Dark Gray
 +
|[[Andesite]], [[Basalt]], [[Claystone]], [[Chromite]], [[Diorite]], [[Gabbro]], [[Graphite]], [[Hornblende]], [[Ilmenite]], [[Jet]], [[Mica]], [[Pyrolusite]], [[Rhyolite]], [[Shale]], [[Slate]], [[Obsidian]]
 +
|[[Bituminous coal]], [[Lignite]], [[Magnetite]], [[Sphalerite]], [[Tetrahedrite]]
 +
|[[Iron]], [[Steel]], [[Lead]], [[Pig iron]]
 +
|[[Black-cap]]
 +
|-valign="top"
 +
|{{Raw Tile|•|6:0}} Brown
 +
|[[Chert]], [[Conglomerate]], [[Mudstone]], [[Puddingstone]], [[Sandstone]], [[Schist]], [[Siltstone]]
 +
|[[Cassiterite]], [[Native copper]]
 +
|[[Copper]], [[Bronze]]
 +
|[[Tree|All other aboveground trees]]
 +
|-valign="top"
 +
|{{Raw Tile|•|6:1}} Yellow
 +
|[[Brimstone]], [[Orpiment]], [[Orthoclase]], [[Saltpeter]], [[Sylvite]], [[Gypsum]]
 +
|[[Limonite]], [[Native gold]]
 +
|[[Gold]], [[Bismuth bronze]], [[Brass]], [[Electrum]]
 +
|[[Fungiwood]]
 +
|-valign="top"
 +
|{{Raw Tile|•|4:0}} Dark Red
 +
|[[Bauxite]], [[Kaolinite]]
 +
|[[Hematite]]
 +
|
 +
|[[Blood thorn]]
 +
|-valign="top"
 +
|{{Raw Tile|•|4:1}} Red
 +
|[[Cinnabar]], [[Petrified wood]], [[Realgar]]
 +
|
 +
|
 +
|[[Goblin-cap]]
 +
|-valign="top"
 +
|{{Raw Tile|•|2:0}} Green
 +
|[[Olivine]], [[Serpentine]]
 +
|[[Malachite]]
 +
|
 +
|[[Green glass]]
 +
|-valign="top"
 +
|{{Raw Tile|•|2:1}} Bright Green
 +
|
 +
|[[Garnierite]]
 +
|
 +
|
 +
|-valign="top"
 +
|{{Raw Tile|•|3:0}} Cyan
 +
|
 +
|
 +
|[[Lay pewter]]
 +
|[[Clear glass]], [[Spore tree]]
 +
|-valign="top"
 +
|{{Raw Tile|•|3:1}} Light Cyan
 +
|[[Microcline]]
 +
|[[Raw adamantine]]
 +
|[[Adamantine]]
 +
|
 +
|-valign="top"
 +
|{{Raw Tile|•|1:0}} Dark Blue
 +
|[[Kimberlite]]
 +
|
 +
|
 +
|[[Nether-cap]]
 +
|-valign="top"
 +
|{{Raw Tile|•|1:1}} Blue
 +
|[[Cobaltite]]
 +
|
 +
|
 +
|
 +
|-valign="top"
 +
|{{Raw Tile|•|5:0}} Purple
 +
|[[Pitchblende]], [[Rutile]]
 +
|
 +
|[[Black bronze]]
 +
|[[Glumprong]]
 +
|-valign="top"
 +
|{{Raw Tile|•|5:1}} Magenta
 +
|
 +
|
 +
|[[Bismuth]], [[Rose gold]]
 +
|[[Tunnel tube]]
 +
|}
 +
  
 
=== Color tokens ===
 
=== Color tokens ===
  
{{L|Dye}}s do not use color flags, they reference color tokens defined in descriptor_color_standard.txt. Color tokens are simply referenced by the token name, e.g. <code>[POWDER_DYE:EMERALD]</code>. However, the defined RGB values are never actually displayed in-game - instead, the game uses one of the above 16 colors, choosing the one with the closest RGB values.
+
Material contaminants and [[dye]]s do not use color flags; instead, they reference color tokens defined in descriptor_color_standard.txt. Color tokens are simply referenced by the token name, e.g. <code>[STATE_COLOR:SOLID:DARK_GREEN]</code> or <code>[POWDER_DYE:EMERALD]</code>. However, the defined RGB values are never actually displayed in-game - instead, the game uses one of the above 16 colors, choosing the one with the closest RGB values.
  
 
The following colors are defined via tokens:
 
The following colors are defined via tokens:
Line 141: Line 244:
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 +
|- style="color: white; background: rgb(0, 0, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | BLACK
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 0
 +
|- style="color: white; background: rgb(128, 128, 128)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | CLEAR
 +
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | 128
 +
|- style="color: white; background: rgb(128, 128, 128)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | GRAY
 +
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | 128
 
|- style="color: black; background: rgb(192, 192, 192)"
 
|- style="color: black; background: rgb(192, 192, 192)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SILVER
 
| style="padding: 0.15em 0.4em; text-align: left" | SILVER
Line 146: Line 264:
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 192
 +
|- style="color: black; background: rgb(255, 255, 255)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | WHITE
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 255
 +
|- style="color: white; background: rgb(144, 93, 93)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_ROSE
 +
| style="padding: 0.15em 0.4em" | 144
 +
| style="padding: 0.15em 0.4em" | 93
 +
| style="padding: 0.15em 0.4em" | 93
 +
|- style="color: white; background: rgb(205, 92, 92)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | CHESTNUT
 +
| style="padding: 0.15em 0.4em" | 205
 +
| style="padding: 0.15em 0.4em" | 92
 +
| style="padding: 0.15em 0.4em" | 92
 
|- style="color: white; background: rgb(128, 0, 0)"
 
|- style="color: white; background: rgb(128, 0, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MAROON
 
| style="padding: 0.15em 0.4em; text-align: left" | MAROON
Line 151: Line 284:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
|- style="color: white; background: rgb(0, 0, 0)"
+
|- style="color: white; background: rgb(255, 0, 0)"
| style="padding: 0.15em 0.4em; text-align: left" | BLACK
+
| style="padding: 0.15em 0.4em; text-align: left" | RED
 +
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em" | 0
+
|- style="color: white; background: rgb(227, 66, 52)"
|- style="color: black; background: rgb(227, 66, 52)"
 
 
| style="padding: 0.15em 0.4em; text-align: left" | VERMILION
 
| style="padding: 0.15em 0.4em; text-align: left" | VERMILION
 
| style="padding: 0.15em 0.4em" | 227
 
| style="padding: 0.15em 0.4em" | 227
Line 166: Line 299:
 
| style="padding: 0.15em 0.4em" | 90
 
| style="padding: 0.15em 0.4em" | 90
 
| style="padding: 0.15em 0.4em" | 87
 
| style="padding: 0.15em 0.4em" | 87
 +
|- style="color: white; background: rgb(255, 36, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SCARLET
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 36
 +
| style="padding: 0.15em 0.4em" | 0
 
|- style="color: white; background: rgb(138, 51, 36)"
 
|- style="color: white; background: rgb(138, 51, 36)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_UMBER
 
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_UMBER
Line 171: Line 309:
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 36
 
| style="padding: 0.15em 0.4em" | 36
|- style="color: black; background: rgb(255, 36, 0)"
+
|- style="color: white; background: rgb(103, 76, 71)"
| style="padding: 0.15em 0.4em; text-align: left" | SCARLET
+
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_MEDIUM
| style="padding: 0.15em 0.4em" | 255
+
| style="padding: 0.15em 0.4em" | 103
| style="padding: 0.15em 0.4em" | 36
+
| style="padding: 0.15em 0.4em" | 76
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 71
 
|- style="color: white; background: rgb(152, 105, 96)"
 
|- style="color: white; background: rgb(152, 105, 96)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_CHESTNUT
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_CHESTNUT
Line 191: Line 329:
 
| style="padding: 0.15em 0.4em" | 65
 
| style="padding: 0.15em 0.4em" | 65
 
| style="padding: 0.15em 0.4em" | 14
 
| style="padding: 0.15em 0.4em" | 14
 +
|- style="color: white; background: rgb(111, 53, 26)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | AUBURN
 +
| style="padding: 0.15em 0.4em" | 111
 +
| style="padding: 0.15em 0.4em" | 53
 +
| style="padding: 0.15em 0.4em" | 26
 
|- style="color: white; background: rgb(192, 64, 0)"
 
|- style="color: white; background: rgb(192, 64, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MAHOGANY
 
| style="padding: 0.15em 0.4em; text-align: left" | MAHOGANY
Line 201: Line 344:
 
| style="padding: 0.15em 0.4em" | 117
 
| style="padding: 0.15em 0.4em" | 117
 
| style="padding: 0.15em 0.4em" | 24
 
| style="padding: 0.15em 0.4em" | 24
|- style="color: black; background: rgb(210, 105, 30)"
+
|- style="color: white; background: rgb(210, 105, 30)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CHOCOLATE
 
| style="padding: 0.15em 0.4em; text-align: left" | CHOCOLATE
 
| style="padding: 0.15em 0.4em" | 210
 
| style="padding: 0.15em 0.4em" | 210
 
| style="padding: 0.15em 0.4em" | 105
 
| style="padding: 0.15em 0.4em" | 105
 
| style="padding: 0.15em 0.4em" | 30
 
| style="padding: 0.15em 0.4em" | 30
|- style="color: black; background: rgb(194, 178, 128)"
 
| style="padding: 0.15em 0.4em; text-align: left" | ECRU
 
| style="padding: 0.15em 0.4em" | 194
 
| style="padding: 0.15em 0.4em" | 178
 
| style="padding: 0.15em 0.4em" | 128
 
 
|- style="color: black; background: rgb(188, 152, 126)"
 
|- style="color: black; background: rgb(188, 152, 126)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_PALE
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_PALE
Line 216: Line 354:
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 126
 
| style="padding: 0.15em 0.4em" | 126
|- style="color: white; background: rgb(139, 133, 137)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_GRAY
 
| style="padding: 0.15em 0.4em" | 139
 
| style="padding: 0.15em 0.4em" | 133
 
| style="padding: 0.15em 0.4em" | 137
 
|- style="color: white; background: rgb(103, 76, 71)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_MEDIUM
 
| style="padding: 0.15em 0.4em" | 103
 
| style="padding: 0.15em 0.4em" | 76
 
| style="padding: 0.15em 0.4em" | 71
 
 
|- style="color: white; background: rgb(72, 60, 50)"
 
|- style="color: white; background: rgb(72, 60, 50)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_DARK
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_DARK
Line 231: Line 359:
 
| style="padding: 0.15em 0.4em" | 60
 
| style="padding: 0.15em 0.4em" | 60
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | 50
|- style="color: white; background: rgb(150, 113, 23)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_SANDY
 
| style="padding: 0.15em 0.4em" | 150
 
| style="padding: 0.15em 0.4em" | 113
 
| style="padding: 0.15em 0.4em" | 23
 
|- style="color: white; background: rgb(184, 115, 51)"
 
| style="padding: 0.15em 0.4em; text-align: left" | COPPER
 
| style="padding: 0.15em 0.4em" | 184
 
| style="padding: 0.15em 0.4em" | 115
 
| style="padding: 0.15em 0.4em" | 51
 
 
|- style="color: black; background: rgb(255, 218, 185)"
 
|- style="color: black; background: rgb(255, 218, 185)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_PEACH
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_PEACH
Line 246: Line 364:
 
| style="padding: 0.15em 0.4em" | 218
 
| style="padding: 0.15em 0.4em" | 218
 
| style="padding: 0.15em 0.4em" | 185
 
| style="padding: 0.15em 0.4em" | 185
|- style="color: white; background: rgb(112, 66, 20)"
+
|- style="color: black; background: rgb(184, 115, 51)"
| style="padding: 0.15em 0.4em; text-align: left" | SEPIA
+
| style="padding: 0.15em 0.4em; text-align: left" | COPPER
| style="padding: 0.15em 0.4em" | 112
+
| style="padding: 0.15em 0.4em" | 184
| style="padding: 0.15em 0.4em" | 66
+
| style="padding: 0.15em 0.4em" | 115
| style="padding: 0.15em 0.4em" | 20
+
| style="padding: 0.15em 0.4em" | 51
|- style="color: white; background: rgb(111, 53, 26)"
+
|- style="color: black; background: rgb(205, 133, 63)"
| style="padding: 0.15em 0.4em; text-align: left" | AUBURN
+
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BROWN
| style="padding: 0.15em 0.4em" | 111
+
| style="padding: 0.15em 0.4em" | 205
| style="padding: 0.15em 0.4em" | 53
+
| style="padding: 0.15em 0.4em" | 133
| style="padding: 0.15em 0.4em" | 26
+
| style="padding: 0.15em 0.4em" | 63
 +
|- style="color: black; background: rgb(205, 127, 50)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | BRONZE
 +
| style="padding: 0.15em 0.4em" | 205
 +
| style="padding: 0.15em 0.4em" | 127
 +
| style="padding: 0.15em 0.4em" | 50
 
|- style="color: white; background: rgb(152, 118, 84)"
 
|- style="color: white; background: rgb(152, 118, 84)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BROWN
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BROWN
Line 261: Line 384:
 
| style="padding: 0.15em 0.4em" | 118
 
| style="padding: 0.15em 0.4em" | 118
 
| style="padding: 0.15em 0.4em" | 84
 
| style="padding: 0.15em 0.4em" | 84
|- style="color: black; background: rgb(205, 127, 50)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BRONZE
 
| style="padding: 0.15em 0.4em" | 205
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 50
 
 
|- style="color: white; background: rgb(101, 67, 33)"
 
|- style="color: white; background: rgb(101, 67, 33)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_BROWN
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_BROWN
Line 271: Line 389:
 
| style="padding: 0.15em 0.4em" | 67
 
| style="padding: 0.15em 0.4em" | 67
 
| style="padding: 0.15em 0.4em" | 33
 
| style="padding: 0.15em 0.4em" | 33
|- style="color: black; background: rgb(205, 133, 63)"
+
|- style="color: white; background: rgb(112, 66, 20)"
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BROWN
+
| style="padding: 0.15em 0.4em; text-align: left" | SEPIA
| style="padding: 0.15em 0.4em" | 205
+
| style="padding: 0.15em 0.4em" | 112
| style="padding: 0.15em 0.4em" | 133
+
| style="padding: 0.15em 0.4em" | 66
| style="padding: 0.15em 0.4em" | 63
+
| style="padding: 0.15em 0.4em" | 20
 +
|- style="color: black; background: rgb(204, 119, 34)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | OCHRE
 +
| style="padding: 0.15em 0.4em" | 204
 +
| style="padding: 0.15em 0.4em" | 119
 +
| style="padding: 0.15em 0.4em" | 34
 
|- style="color: white; background: rgb(150, 75, 0)"
 
|- style="color: white; background: rgb(150, 75, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BROWN
 
| style="padding: 0.15em 0.4em; text-align: left" | BROWN
Line 286: Line 409:
 
| style="padding: 0.15em 0.4em" | 63
 
| style="padding: 0.15em 0.4em" | 63
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
|- style="color: black; background: rgb(204, 119, 34)"
+
|- style="color: black; background: rgb(210, 180, 140)"
| style="padding: 0.15em 0.4em; text-align: left" | OCHRE
+
| style="padding: 0.15em 0.4em; text-align: left" | TAN
| style="padding: 0.15em 0.4em" | 204
+
| style="padding: 0.15em 0.4em" | 210
| style="padding: 0.15em 0.4em" | 119
+
| style="padding: 0.15em 0.4em" | 180
| style="padding: 0.15em 0.4em" | 34
+
| style="padding: 0.15em 0.4em" | 140
 
|- style="color: white; background: rgb(115, 74, 18)"
 
|- style="color: white; background: rgb(115, 74, 18)"
 
| style="padding: 0.15em 0.4em; text-align: left" | RAW_UMBER
 
| style="padding: 0.15em 0.4em; text-align: left" | RAW_UMBER
Line 296: Line 419:
 
| style="padding: 0.15em 0.4em" | 74
 
| style="padding: 0.15em 0.4em" | 74
 
| style="padding: 0.15em 0.4em" | 18
 
| style="padding: 0.15em 0.4em" | 18
|- style="color: black; background: rgb(210, 180, 140)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAN
 
| style="padding: 0.15em 0.4em" | 210
 
| style="padding: 0.15em 0.4em" | 180
 
| style="padding: 0.15em 0.4em" | 140
 
 
|- style="color: black; background: rgb(255, 165, 0)"
 
|- style="color: black; background: rgb(255, 165, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | ORANGE
 
| style="padding: 0.15em 0.4em; text-align: left" | ORANGE
Line 311: Line 429:
 
| style="padding: 0.15em 0.4em" | 229
 
| style="padding: 0.15em 0.4em" | 229
 
| style="padding: 0.15em 0.4em" | 180
 
| style="padding: 0.15em 0.4em" | 180
|- style="color: black; background: rgb(240, 220, 130)"
+
|- style="color: white; background: rgb(150, 113, 23)"
| style="padding: 0.15em 0.4em; text-align: left" | BUFF
+
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_SANDY
| style="padding: 0.15em 0.4em" | 240
+
| style="padding: 0.15em 0.4em" | 150
| style="padding: 0.15em 0.4em" | 220
+
| style="padding: 0.15em 0.4em" | 113
| style="padding: 0.15em 0.4em" | 130
+
| style="padding: 0.15em 0.4em" | 23
 +
|}
 +
| style="vertical-align: top; padding: 0" |
 +
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; margin-left: 1px; background: black; border-left: 1px solid black; border-right: 1px solid black"
 +
|- style="background: #fff"
 +
! style="text-align: center; padding: 0.15em 0.4em" | Token
 +
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
|- style="color: black; background: rgb(218, 165, 32)"
 
|- style="color: black; background: rgb(218, 165, 32)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLDENROD
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLDENROD
Line 321: Line 445:
 
| style="padding: 0.15em 0.4em" | 165
 
| style="padding: 0.15em 0.4em" | 165
 
| style="padding: 0.15em 0.4em" | 32
 
| style="padding: 0.15em 0.4em" | 32
|- style="color: white; background: rgb(145, 129, 81)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_TAN
 
| style="padding: 0.15em 0.4em" | 145
 
| style="padding: 0.15em 0.4em" | 129
 
| style="padding: 0.15em 0.4em" | 81
 
 
|- style="color: black; background: rgb(255, 191, 0)"
 
|- style="color: black; background: rgb(255, 191, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AMBER
 
| style="padding: 0.15em 0.4em; text-align: left" | AMBER
Line 331: Line 450:
 
| style="padding: 0.15em 0.4em" | 191
 
| style="padding: 0.15em 0.4em" | 191
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 +
|- style="color: black; background: rgb(145, 129, 81)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | DARK_TAN
 +
| style="padding: 0.15em 0.4em" | 145
 +
| style="padding: 0.15em 0.4em" | 129
 +
| style="padding: 0.15em 0.4em" | 81
 
|- style="color: black; background: rgb(244, 196, 48)"
 
|- style="color: black; background: rgb(244, 196, 48)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SAFFRON
 
| style="padding: 0.15em 0.4em; text-align: left" | SAFFRON
Line 336: Line 460:
 
| style="padding: 0.15em 0.4em" | 196
 
| style="padding: 0.15em 0.4em" | 196
 
| style="padding: 0.15em 0.4em" | 48
 
| style="padding: 0.15em 0.4em" | 48
 +
|- style="color: black; background: rgb(194, 178, 128)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | ECRU
 +
| style="padding: 0.15em 0.4em" | 194
 +
| style="padding: 0.15em 0.4em" | 178
 +
| style="padding: 0.15em 0.4em" | 128
 +
|- style="color: black; background: rgb(212, 175, 55)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | GOLD
 +
| style="padding: 0.15em 0.4em" | 212
 +
| style="padding: 0.15em 0.4em" | 175
 +
| style="padding: 0.15em 0.4em" | 55
 +
|- style="color: black; background: rgb(240, 234, 214)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | PEARL
 +
| style="padding: 0.15em 0.4em" | 240
 +
| style="padding: 0.15em 0.4em" | 234
 +
| style="padding: 0.15em 0.4em" | 214
 +
|- style="color: black; background: rgb(240, 220, 130)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | BUFF
 +
| style="padding: 0.15em 0.4em" | 240
 +
| style="padding: 0.15em 0.4em" | 220
 +
| style="padding: 0.15em 0.4em" | 130
 
|- style="color: black; background: rgb(238, 220, 130)"
 
|- style="color: black; background: rgb(238, 220, 130)"
 
| style="padding: 0.15em 0.4em; text-align: left" | FLAX
 
| style="padding: 0.15em 0.4em; text-align: left" | FLAX
Line 341: Line 485:
 
| style="padding: 0.15em 0.4em" | 220
 
| style="padding: 0.15em 0.4em" | 220
 
| style="padding: 0.15em 0.4em" | 130
 
| style="padding: 0.15em 0.4em" | 130
 +
|- style="color: black; background: rgb(181, 166, 66)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | BRASS
 +
| style="padding: 0.15em 0.4em" | 181
 +
| style="padding: 0.15em 0.4em" | 166
 +
| style="padding: 0.15em 0.4em" | 66
 
|- style="color: black; background: rgb(255, 223, 0)"
 
|- style="color: black; background: rgb(255, 223, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLDEN_YELLOW
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLDEN_YELLOW
Line 346: Line 495:
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
|- style="color: black; background: rgb(255, 215, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLD
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 215
 
| style="padding: 0.15em 0.4em" | 0
 
|- style="color: white; background: rgb(181, 166, 66)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BRASS
 
| style="padding: 0.15em 0.4em" | 181
 
| style="padding: 0.15em 0.4em" | 166
 
| style="padding: 0.15em 0.4em" | 66
 
 
|- style="color: black; background: rgb(253, 233, 16)"
 
|- style="color: black; background: rgb(253, 233, 16)"
 
| style="padding: 0.15em 0.4em; text-align: left" | LEMON
 
| style="padding: 0.15em 0.4em; text-align: left" | LEMON
Line 366: Line 505:
 
| style="padding: 0.15em 0.4em" | 253
 
| style="padding: 0.15em 0.4em" | 253
 
| style="padding: 0.15em 0.4em" | 208
 
| style="padding: 0.15em 0.4em" | 208
|- style="color: black; background: rgb(255, 255, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 0
 
 
|- style="color: black; background: rgb(245, 245, 220)"
 
|- style="color: black; background: rgb(245, 245, 220)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BEIGE
 
| style="padding: 0.15em 0.4em; text-align: left" | BEIGE
Line 381: Line 515:
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 +
|- style="color: black; background: rgb(255, 255, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 0
 +
|- style="color: black; background: rgb(255, 255, 240)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | IVORY
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 240
 
|- style="color: black; background: rgb(204, 255, 0)"
 
|- style="color: black; background: rgb(204, 255, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | LIME
 
| style="padding: 0.15em 0.4em; text-align: left" | LIME
Line 386: Line 530:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 +
|- style="color: black; background: rgb(154, 205, 50)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW_GREEN
 +
| style="padding: 0.15em 0.4em" | 154
 +
| style="padding: 0.15em 0.4em" | 205
 +
| style="padding: 0.15em 0.4em" | 50
 
|- style="color: white; background: rgb(85, 104, 50)"
 
|- style="color: white; background: rgb(85, 104, 50)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_OLIVE
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_OLIVE
 
| style="padding: 0.15em 0.4em" | 85
 
| style="padding: 0.15em 0.4em" | 85
 
| style="padding: 0.15em 0.4em" | 104
 
| style="padding: 0.15em 0.4em" | 104
| style="padding: 0.15em 0.4em" | 50
 
|- style="color: black; background: rgb(154, 205, 50)"
 
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW-GREEN
 
| style="padding: 0.15em 0.4em" | 154
 
| style="padding: 0.15em 0.4em" | 205
 
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | 50
 
|- style="color: black; background: rgb(173, 255, 47)"
 
|- style="color: black; background: rgb(173, 255, 47)"
Line 416: Line 560:
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | 173
 +
|- style="color: black; background: rgb(0, 255, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | GREEN
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 0
 
|- style="color: black; background: rgb(152, 255, 152)"
 
|- style="color: black; background: rgb(152, 255, 152)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MINT_GREEN
 
| style="padding: 0.15em 0.4em; text-align: left" | MINT_GREEN
Line 421: Line 570:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 152
|}
+
|- style="color: black; background: rgb(178, 190, 181)"
| style="vertical-align: top; padding: 0" |
+
| style="padding: 0.15em 0.4em; text-align: left" | ASH_GRAY
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; margin-left: 1px; background: black; border-left: 1px solid black; border-right: 1px solid black"
+
| style="padding: 0.15em 0.4em" | 178
|- style="background: #fff"
+
| style="padding: 0.15em 0.4em" | 190
! style="text-align: center; padding: 0.15em 0.4em" | Token
+
| style="padding: 0.15em 0.4em" | 181
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
|- style="color: black; background: rgb(0, 255, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GREEN
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 0
 
 
|- style="color: black; background: rgb(80, 200, 120)"
 
|- style="color: black; background: rgb(80, 200, 120)"
 
| style="padding: 0.15em 0.4em; text-align: left" | EMERALD
 
| style="padding: 0.15em 0.4em; text-align: left" | EMERALD
Line 442: Line 585:
 
| style="padding: 0.15em 0.4em" | 139
 
| style="padding: 0.15em 0.4em" | 139
 
| style="padding: 0.15em 0.4em" | 87
 
| style="padding: 0.15em 0.4em" | 87
 +
|- style="color: black; background: rgb(0, 255, 127)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SPRING_GREEN
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 127
 
|- style="color: white; background: rgb(1, 50, 32)"
 
|- style="color: white; background: rgb(1, 50, 32)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_GREEN
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_GREEN
Line 452: Line 600:
 
| style="padding: 0.15em 0.4em" | 168
 
| style="padding: 0.15em 0.4em" | 168
 
| style="padding: 0.15em 0.4em" | 107
 
| style="padding: 0.15em 0.4em" | 107
|- style="color: black; background: rgb(0, 255, 127)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SPRING_GREEN
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 127
 
 
|- style="color: black; background: rgb(127, 255, 212)"
 
|- style="color: black; background: rgb(127, 255, 212)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUAMARINE
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUAMARINE
Line 472: Line 615:
 
| style="padding: 0.15em 0.4em" | 213
 
| style="padding: 0.15em 0.4em" | 213
 
| style="padding: 0.15em 0.4em" | 200
 
| style="padding: 0.15em 0.4em" | 200
|- style="color: black; background: rgb(173, 216, 230)"
 
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BLUE
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | 216
 
| style="padding: 0.15em 0.4em" | 230
 
 
|- style="color: black; background: rgb(175, 238, 238)"
 
|- style="color: black; background: rgb(175, 238, 238)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BLUE
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BLUE
Line 482: Line 620:
 
| style="padding: 0.15em 0.4em" | 238
 
| style="padding: 0.15em 0.4em" | 238
 
| style="padding: 0.15em 0.4em" | 238
 
| style="padding: 0.15em 0.4em" | 238
|- style="color: black; background: rgb(135, 206, 235)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SKY_BLUE
 
| style="padding: 0.15em 0.4em" | 135
 
| style="padding: 0.15em 0.4em" | 206
 
| style="padding: 0.15em 0.4em" | 235
 
 
|- style="color: white; background: rgb(0, 128, 128)"
 
|- style="color: white; background: rgb(0, 128, 128)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TEAL
 
| style="padding: 0.15em 0.4em; text-align: left" | TEAL
Line 492: Line 625:
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 +
|}
 +
| style="vertical-align: top; padding: 0" |
 +
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; margin-left: 1px; background: black; border-left: 1px solid black; border-right: 1px solid black"
 +
|- style="background: #fff"
 +
! style="text-align: center; padding: 0.15em 0.4em" | Token
 +
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
|- style="color: black; background: rgb(0, 255, 255)"
 
|- style="color: black; background: rgb(0, 255, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUA
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUA
Line 497: Line 636:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 +
|- style="color: black; background: rgb(173, 216, 230)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BLUE
 +
| style="padding: 0.15em 0.4em" | 173
 +
| style="padding: 0.15em 0.4em" | 216
 +
| style="padding: 0.15em 0.4em" | 230
 
|- style="color: white; background: rgb(0, 123, 167)"
 
|- style="color: white; background: rgb(0, 123, 167)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CERULEAN
 
| style="padding: 0.15em 0.4em; text-align: left" | CERULEAN
Line 502: Line 646:
 
| style="padding: 0.15em 0.4em" | 123
 
| style="padding: 0.15em 0.4em" | 123
 
| style="padding: 0.15em 0.4em" | 167
 
| style="padding: 0.15em 0.4em" | 167
 +
|- style="color: black; background: rgb(135, 206, 235)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SKY_BLUE
 +
| style="padding: 0.15em 0.4em" | 135
 +
| style="padding: 0.15em 0.4em" | 206
 +
| style="padding: 0.15em 0.4em" | 235
 +
|- style="color: white; background: rgb(54, 69, 79)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | CHARCOAL
 +
| style="padding: 0.15em 0.4em" | 54
 +
| style="padding: 0.15em 0.4em" | 69
 +
| style="padding: 0.15em 0.4em" | 79
 +
|- style="color: white; background: rgb(112, 128, 144)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SLATE_GRAY
 +
| style="padding: 0.15em 0.4em" | 112
 +
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | 144
 
|- style="color: white; background: rgb(0, 51, 102)"
 
|- style="color: white; background: rgb(0, 51, 102)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MIDNIGHT_BLUE
 
| style="padding: 0.15em 0.4em; text-align: left" | MIDNIGHT_BLUE
Line 507: Line 666:
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 102
 
| style="padding: 0.15em 0.4em" | 102
|- style="color: black; background: rgb(0, 127, 255)"
+
|- style="color: white; background: rgb(0, 127, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AZURE
 
| style="padding: 0.15em 0.4em; text-align: left" | AZURE
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
|- style="color: white; background: rgb(178, 190, 181)"
 
| style="padding: 0.15em 0.4em; text-align: left" | ASH_GRAY
 
| style="padding: 0.15em 0.4em" | 178
 
| style="padding: 0.15em 0.4em" | 190
 
| style="padding: 0.15em 0.4em" | 181
 
|- style="color: white; background: rgb(112, 128, 144)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SLATE_GRAY
 
| style="padding: 0.15em 0.4em" | 112
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 144
 
|- style="color: white; background: rgb(54, 69, 79)"
 
| style="padding: 0.15em 0.4em; text-ali