# 256 ANSI Color Codes

See the [ANSI 8-bit color codes](https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit)
and also the `IO.ANSI` module.

<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000000; padding: 1rem; margin-bottom: 1rem" id="color-0">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-0">0</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #000000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #000000" href="ColorPalette.html#black/0"> :black </a> ,  <a style="color: white; background_color: #000000" href="ColorPalette.html#black_000/0"> :black_000 </a>  </span> </div>
  <div> <a style="color: white; background-color: #000000; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #800000; padding: 1rem; margin-bottom: 1rem" id="color-1">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-1">1</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #800000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #800000" href="ColorPalette.html#maroon/0"> :maroon </a>  </span> </div>
  <div> <a style="color: white; background-color: #800000; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #008000; padding: 1rem; margin-bottom: 1rem" id="color-2">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-2">2</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #008000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #008000" href="ColorPalette.html#office_green/0"> :office_green </a>  </span> </div>
  <div> <a style="color: white; background-color: #008000; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #808000; padding: 1rem; margin-bottom: 1rem" id="color-3">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-3">3</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #808000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #808000" href="ColorPalette.html#yellow_003/0"> :yellow_003 </a>  </span> </div>
  <div> <a style="color: white; background-color: #808000; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000080; padding: 1rem; margin-bottom: 1rem" id="color-4">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-4">4</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #000080 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #000080" href="ColorPalette.html#blue_004/0"> :blue_004 </a>  </span> </div>
  <div> <a style="color: white; background-color: #000080; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #800080; padding: 1rem; margin-bottom: 1rem" id="color-5">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-5">5</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #800080 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #800080" href="ColorPalette.html#patriarch/0"> :patriarch </a>  </span> </div>
  <div> <a style="color: white; background-color: #800080; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #008080; padding: 1rem; margin-bottom: 1rem" id="color-6">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-6">6</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #008080 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #008080" href="ColorPalette.html#cyan_006/0"> :cyan_006 </a>  </span> </div>
  <div> <a style="color: white; background-color: #008080; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #c0c0c0; padding: 1rem; margin-bottom: 1rem" id="color-7">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-7">7</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #c0c0c0 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #c0c0c0" href="ColorPalette.html#argent/0"> :argent </a>  </span> </div>
  <div> <a style="color: black; background-color: #c0c0c0; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #808080; padding: 1rem; margin-bottom: 1rem" id="color-8">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-8">8</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #808080 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #808080" href="ColorPalette.html#gray/0"> :gray </a> ,  <a style="color: black; background_color: #808080" href="ColorPalette.html#light_black/0"> :light_black </a>  </span> </div>
  <div> <a style="color: black; background-color: #808080; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff0000; padding: 1rem; margin-bottom: 1rem" id="color-9">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-9">9</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff0000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff0000" href="ColorPalette.html#light_red/0"> :light_red </a> ,  <a style="color: white; background_color: #ff0000" href="ColorPalette.html#red/0"> :red </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff0000; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff00; padding: 1rem; margin-bottom: 1rem" id="color-10">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-10">10</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00ff00" href="ColorPalette.html#electric_green/0"> :electric_green </a> ,  <a style="color: black; background_color: #00ff00" href="ColorPalette.html#green/0"> :green </a> ,  <a style="color: black; background_color: #00ff00" href="ColorPalette.html#light_green_010/0"> :light_green_010 </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ff00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff00; padding: 1rem; margin-bottom: 1rem" id="color-11">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-11">11</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffff00" href="ColorPalette.html#light_yellow_011/0"> :light_yellow_011 </a> ,  <a style="color: black; background_color: #ffff00" href="ColorPalette.html#yellow/0"> :yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffff00; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000ff; padding: 1rem; margin-bottom: 1rem" id="color-12">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-12">12</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #0000ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #0000ff" href="ColorPalette.html#blue/0"> :blue </a> ,  <a style="color: white; background_color: #0000ff" href="ColorPalette.html#light_blue_012/0"> :light_blue_012 </a>  </span> </div>
  <div> <a style="color: white; background-color: #0000ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff00ff; padding: 1rem; margin-bottom: 1rem" id="color-13">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-13">13</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff00ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#fuchsia/0"> :fuchsia </a> ,  <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#light_magenta_013/0"> :light_magenta_013 </a> ,  <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#magenta/0"> :magenta </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff00ff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffff; padding: 1rem; margin-bottom: 1rem" id="color-14">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-14">14</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00ffff" href="ColorPalette.html#aqua/0"> :aqua </a> ,  <a style="color: black; background_color: #00ffff" href="ColorPalette.html#cyan/0"> :cyan </a> ,  <a style="color: black; background_color: #00ffff" href="ColorPalette.html#light_cyan_014/0"> :light_cyan_014 </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ffff; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffff; padding: 1rem; margin-bottom: 1rem" id="color-15">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-15">15</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffffff" href="ColorPalette.html#light_white/0"> :light_white </a> ,  <a style="color: black; background_color: #ffffff" href="ColorPalette.html#white/0"> :white </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffffff; " href="color_groups.html#white"><span style="font-weight: bold;">Color Group</span>: white</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000000; padding: 1rem; margin-bottom: 1rem" id="color-16">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-16">16</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #000000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #000000" href="ColorPalette.html#black/0"> :black </a> ,  <a style="color: white; background_color: #000000" href="ColorPalette.html#black_000/0"> :black_000 </a>  </span> </div>
  <div> <a style="color: white; background-color: #000000; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00005f; padding: 1rem; margin-bottom: 1rem" id="color-17">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-17">17</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00005f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #00005f" href="ColorPalette.html#fuzzy_wuzzy/0"> :fuzzy_wuzzy </a> ,  <a style="color: white; background_color: #00005f" href="ColorPalette.html#stratos/0"> :stratos </a> ,  <a style="color: white; background_color: #00005f" href="ColorPalette.html#very_dark_blue/0"> :very_dark_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #00005f; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000087; padding: 1rem; margin-bottom: 1rem" id="color-18">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-18">18</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #000087 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #000087" href="ColorPalette.html#dark_blue/0"> :dark_blue </a> ,  <a style="color: white; background_color: #000087" href="ColorPalette.html#navy_blue/0"> :navy_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #000087; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000af; padding: 1rem; margin-bottom: 1rem" id="color-19">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-19">19</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #0000af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #0000af" href="ColorPalette.html#carnation_pink/0"> :carnation_pink </a> ,  <a style="color: white; background_color: #0000af" href="ColorPalette.html#duke_blue/0"> :duke_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #0000af; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000d7; padding: 1rem; margin-bottom: 1rem" id="color-20">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-20">20</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #0000d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #0000d7" href="ColorPalette.html#medium_blue/0"> :medium_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #0000d7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000ff; padding: 1rem; margin-bottom: 1rem" id="color-21">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-21">21</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #0000ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #0000ff" href="ColorPalette.html#blue/0"> :blue </a> ,  <a style="color: white; background_color: #0000ff" href="ColorPalette.html#light_blue_012/0"> :light_blue_012 </a>  </span> </div>
  <div> <a style="color: white; background-color: #0000ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005f00; padding: 1rem; margin-bottom: 1rem" id="color-22">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-22">22</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #005f00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #005f00" href="ColorPalette.html#camarone/0"> :camarone </a> ,  <a style="color: white; background_color: #005f00" href="ColorPalette.html#very_dark_lime_green/0"> :very_dark_lime_green </a>  </span> </div>
  <div> <a style="color: white; background-color: #005f00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005f5f; padding: 1rem; margin-bottom: 1rem" id="color-23">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-23">23</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #005f5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #005f5f" href="ColorPalette.html#bangladesh_green/0"> :bangladesh_green </a> ,  <a style="color: white; background_color: #005f5f" href="ColorPalette.html#blue_stone/0"> :blue_stone </a> ,  <a style="color: white; background_color: #005f5f" href="ColorPalette.html#dark_slate_gray/0"> :dark_slate_gray </a> ,  <a style="color: white; background_color: #005f5f" href="ColorPalette.html#very_dark_cyan/0"> :very_dark_cyan </a>  </span> </div>
  <div> <a style="color: white; background-color: #005f5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005f87; padding: 1rem; margin-bottom: 1rem" id="color-24">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-24">24</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #005f87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #005f87" href="ColorPalette.html#orient/0"> :orient </a> ,  <a style="color: white; background_color: #005f87" href="ColorPalette.html#sea_blue/0"> :sea_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #005f87; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005faf; padding: 1rem; margin-bottom: 1rem" id="color-25">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-25">25</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #005faf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #005faf" href="ColorPalette.html#endeavour/0"> :endeavour </a> ,  <a style="color: white; background_color: #005faf" href="ColorPalette.html#medium_persian_blue/0"> :medium_persian_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #005faf; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005fd7; padding: 1rem; margin-bottom: 1rem" id="color-26">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-26">26</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #005fd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #005fd7" href="ColorPalette.html#science_blue/0"> :science_blue </a> ,  <a style="color: white; background_color: #005fd7" href="ColorPalette.html#true_blue/0"> :true_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #005fd7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005fff; padding: 1rem; margin-bottom: 1rem" id="color-27">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-27">27</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #005fff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #005fff" href="ColorPalette.html#blue_ribbon/0"> :blue_ribbon </a> ,  <a style="color: white; background_color: #005fff" href="ColorPalette.html#brandeis_blue/0"> :brandeis_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #005fff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #008700; padding: 1rem; margin-bottom: 1rem" id="color-28">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-28">28</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #008700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #008700" href="ColorPalette.html#ao/0"> :ao </a>  </span> </div>
  <div> <a style="color: white; background-color: #008700; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00875f; padding: 1rem; margin-bottom: 1rem" id="color-29">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-29">29</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00875f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00875f" href="ColorPalette.html#deep_sea/0"> :deep_sea </a> ,  <a style="color: black; background_color: #00875f" href="ColorPalette.html#spanish_viridian/0"> :spanish_viridian </a>  </span> </div>
  <div> <a style="color: black; background-color: #00875f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #008787; padding: 1rem; margin-bottom: 1rem" id="color-30">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-30">30</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #008787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #008787" href="ColorPalette.html#teal/0"> :teal </a>  </span> </div>
  <div> <a style="color: black; background-color: #008787; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0087af; padding: 1rem; margin-bottom: 1rem" id="color-31">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-31">31</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #0087af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #0087af" href="ColorPalette.html#deep_cerulean/0"> :deep_cerulean </a>  </span> </div>
  <div> <a style="color: white; background-color: #0087af; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0087d7; padding: 1rem; margin-bottom: 1rem" id="color-32">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-32">32</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #0087d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #0087d7" href="ColorPalette.html#blue_cola/0"> :blue_cola </a> ,  <a style="color: white; background_color: #0087d7" href="ColorPalette.html#lochmara/0"> :lochmara </a> ,  <a style="color: white; background_color: #0087d7" href="ColorPalette.html#strong_blue/0"> :strong_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #0087d7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0087ff; padding: 1rem; margin-bottom: 1rem" id="color-33">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-33">33</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #0087ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #0087ff" href="ColorPalette.html#azure/0"> :azure </a> ,  <a style="color: white; background_color: #0087ff" href="ColorPalette.html#azure_radiance/0"> :azure_radiance </a> ,  <a style="color: white; background_color: #0087ff" href="ColorPalette.html#pure_blue/0"> :pure_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #0087ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00af00; padding: 1rem; margin-bottom: 1rem" id="color-34">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-34">34</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00af00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #00af00" href="ColorPalette.html#dark_lime_green/0"> :dark_lime_green </a> ,  <a style="color: white; background_color: #00af00" href="ColorPalette.html#islamic_green/0"> :islamic_green </a> ,  <a style="color: white; background_color: #00af00" href="ColorPalette.html#japanese_laurel/0"> :japanese_laurel </a>  </span> </div>
  <div> <a style="color: white; background-color: #00af00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00af5f; padding: 1rem; margin-bottom: 1rem" id="color-35">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-35">35</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00af5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #00af5f" href="ColorPalette.html#go_green/0"> :go_green </a> ,  <a style="color: white; background_color: #00af5f" href="ColorPalette.html#jade/0"> :jade </a>  </span> </div>
  <div> <a style="color: white; background-color: #00af5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00af87; padding: 1rem; margin-bottom: 1rem" id="color-36">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-36">36</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00af87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #00af87" href="ColorPalette.html#dark_cyan/0"> :dark_cyan </a> ,  <a style="color: white; background_color: #00af87" href="ColorPalette.html#persian_green/0"> :persian_green </a>  </span> </div>
  <div> <a style="color: white; background-color: #00af87; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00afaf; padding: 1rem; margin-bottom: 1rem" id="color-37">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-37">37</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00afaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00afaf" href="ColorPalette.html#bondi_blue/0"> :bondi_blue </a> ,  <a style="color: black; background_color: #00afaf" href="ColorPalette.html#tiffany_blue/0"> :tiffany_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #00afaf; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00afd7; padding: 1rem; margin-bottom: 1rem" id="color-38">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-38">38</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00afd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #00afd7" href="ColorPalette.html#cerulean/0"> :cerulean </a>  </span> </div>
  <div> <a style="color: black; background-color: #00afd7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00afff; padding: 1rem; margin-bottom: 1rem" id="color-39">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-39">39</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00afff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #00afff" href="ColorPalette.html#blue_bolt/0"> :blue_bolt </a> ,  <a style="color: white; background_color: #00afff" href="ColorPalette.html#deep_sky_blue/0"> :deep_sky_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #00afff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00d700; padding: 1rem; margin-bottom: 1rem" id="color-40">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-40">40</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00d700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #00d700" href="ColorPalette.html#strong_lime_green/0"> :strong_lime_green </a>  </span> </div>
  <div> <a style="color: white; background-color: #00d700; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d75f; padding: 1rem; margin-bottom: 1rem" id="color-41">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-41">41</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00d75f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #00d75f" href="ColorPalette.html#malachite/0"> :malachite </a>  </span> </div>
  <div> <a style="color: black; background-color: #00d75f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d787; padding: 1rem; margin-bottom: 1rem" id="color-42">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-42">42</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00d787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #00d787" href="ColorPalette.html#caribbean_green_042/0"> :caribbean_green_042 </a>  </span> </div>
  <div> <a style="color: black; background-color: #00d787; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d7af; padding: 1rem; margin-bottom: 1rem" id="color-43">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-43">43</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00d7af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00d7af" href="ColorPalette.html#caribbean_green/0"> :caribbean_green </a> ,  <a style="color: black; background_color: #00d7af" href="ColorPalette.html#strong_cyan/0"> :strong_cyan </a>  </span> </div>
  <div> <a style="color: black; background-color: #00d7af; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d7d7; padding: 1rem; margin-bottom: 1rem" id="color-44">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-44">44</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00d7d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00d7d7" href="ColorPalette.html#dark_turquoise/0"> :dark_turquoise </a> ,  <a style="color: black; background_color: #00d7d7" href="ColorPalette.html#robins_egg_blue/0"> :robins_egg_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #00d7d7; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d7ff; padding: 1rem; margin-bottom: 1rem" id="color-45">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-45">45</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00d7ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #00d7ff" href="ColorPalette.html#vivid_sky_blue/0"> :vivid_sky_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #00d7ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff00; padding: 1rem; margin-bottom: 1rem" id="color-46">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-46">46</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00ff00" href="ColorPalette.html#electric_green/0"> :electric_green </a> ,  <a style="color: black; background_color: #00ff00" href="ColorPalette.html#green/0"> :green </a> ,  <a style="color: black; background_color: #00ff00" href="ColorPalette.html#light_green_010/0"> :light_green_010 </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ff00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff5f; padding: 1rem; margin-bottom: 1rem" id="color-47">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-47">47</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ff5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #00ff5f" href="ColorPalette.html#spring_green_047/0"> :spring_green_047 </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ff5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff87; padding: 1rem; margin-bottom: 1rem" id="color-48">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-48">48</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ff87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #00ff87" href="ColorPalette.html#guppie_green/0"> :guppie_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ff87; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffaf; padding: 1rem; margin-bottom: 1rem" id="color-49">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-49">49</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ffaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00ffaf" href="ColorPalette.html#medium_spring_green/0"> :medium_spring_green </a> ,  <a style="color: black; background_color: #00ffaf" href="ColorPalette.html#spring_green/0"> :spring_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ffaf; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffd7; padding: 1rem; margin-bottom: 1rem" id="color-50">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-50">50</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ffd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00ffd7" href="ColorPalette.html#bright_turquoise/0"> :bright_turquoise </a> ,  <a style="color: black; background_color: #00ffd7" href="ColorPalette.html#pure_cyan/0"> :pure_cyan </a> ,  <a style="color: black; background_color: #00ffd7" href="ColorPalette.html#sea_green/0"> :sea_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ffd7; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffff; padding: 1rem; margin-bottom: 1rem" id="color-51">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-51">51</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #00ffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #00ffff" href="ColorPalette.html#aqua/0"> :aqua </a> ,  <a style="color: black; background_color: #00ffff" href="ColorPalette.html#cyan/0"> :cyan </a> ,  <a style="color: black; background_color: #00ffff" href="ColorPalette.html#light_cyan_014/0"> :light_cyan_014 </a>  </span> </div>
  <div> <a style="color: black; background-color: #00ffff; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f0000; padding: 1rem; margin-bottom: 1rem" id="color-52">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-52">52</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f0000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f0000" href="ColorPalette.html#blood_red/0"> :blood_red </a> ,  <a style="color: white; background_color: #5f0000" href="ColorPalette.html#rosewood/0"> :rosewood </a> ,  <a style="color: white; background_color: #5f0000" href="ColorPalette.html#very_dark_red/0"> :very_dark_red </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f0000; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f005f; padding: 1rem; margin-bottom: 1rem" id="color-53">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-53">53</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f005f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f005f" href="ColorPalette.html#imperial_purple/0"> :imperial_purple </a> ,  <a style="color: white; background_color: #5f005f" href="ColorPalette.html#pompadour/0"> :pompadour </a> ,  <a style="color: white; background_color: #5f005f" href="ColorPalette.html#very_dark_magenta/0"> :very_dark_magenta </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f005f; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f0087; padding: 1rem; margin-bottom: 1rem" id="color-54">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-54">54</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f0087 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f0087" href="ColorPalette.html#metallic_violet/0"> :metallic_violet </a> ,  <a style="color: white; background_color: #5f0087" href="ColorPalette.html#pigment_indigo/0"> :pigment_indigo </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f0087; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f00af; padding: 1rem; margin-bottom: 1rem" id="color-55">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-55">55</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f00af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f00af" href="ColorPalette.html#chinese_purple/0"> :chinese_purple </a> ,  <a style="color: white; background_color: #5f00af" href="ColorPalette.html#dark_violet/0"> :dark_violet </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f00af; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f00d7; padding: 1rem; margin-bottom: 1rem" id="color-56">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-56">56</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f00d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #5f00d7" href="ColorPalette.html#electric_violet_056/0"> :electric_violet_056 </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f00d7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f00ff; padding: 1rem; margin-bottom: 1rem" id="color-57">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-57">57</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f00ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #5f00ff" href="ColorPalette.html#electric_indigo/0"> :electric_indigo </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f00ff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5f00; padding: 1rem; margin-bottom: 1rem" id="color-58">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-58">58</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f5f00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f5f00" href="ColorPalette.html#bronze_yellow/0"> :bronze_yellow </a> ,  <a style="color: white; background_color: #5f5f00" href="ColorPalette.html#verdun_green/0"> :verdun_green </a> ,  <a style="color: white; background_color: #5f5f00" href="ColorPalette.html#very_dark_yellow_olive_tone/0"> :very_dark_yellow_olive_tone </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f5f00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5f5f; padding: 1rem; margin-bottom: 1rem" id="color-59">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-59">59</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f5f5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #5f5f5f" href="ColorPalette.html#scorpion/0"> :scorpion </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f5f5f; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5f87; padding: 1rem; margin-bottom: 1rem" id="color-60">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-60">60</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f5f87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f5f87" href="ColorPalette.html#comet/0"> :comet </a> ,  <a style="color: white; background_color: #5f5f87" href="ColorPalette.html#mostly_desaturated_dark_blue/0"> :mostly_desaturated_dark_blue </a> ,  <a style="color: white; background_color: #5f5f87" href="ColorPalette.html#ucla_blue/0"> :ucla_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f5f87; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5faf; padding: 1rem; margin-bottom: 1rem" id="color-61">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-61">61</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f5faf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f5faf" href="ColorPalette.html#dark_moderate_blue/0"> :dark_moderate_blue </a> ,  <a style="color: white; background_color: #5f5faf" href="ColorPalette.html#liberty/0"> :liberty </a> ,  <a style="color: white; background_color: #5f5faf" href="ColorPalette.html#scampi/0"> :scampi </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f5faf; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5fd7; padding: 1rem; margin-bottom: 1rem" id="color-62">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-62">62</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f5fd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f5fd7" href="ColorPalette.html#indigo/0"> :indigo </a> ,  <a style="color: white; background_color: #5f5fd7" href="ColorPalette.html#slate_blue/0"> :slate_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f5fd7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5fff; padding: 1rem; margin-bottom: 1rem" id="color-63">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-63">63</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f5fff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #5f5fff" href="ColorPalette.html#cornflower_blue/0"> :cornflower_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f5fff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f8700; padding: 1rem; margin-bottom: 1rem" id="color-64">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-64">64</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f8700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #5f8700" href="ColorPalette.html#avocado/0"> :avocado </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f8700; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5f875f; padding: 1rem; margin-bottom: 1rem" id="color-65">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-65">65</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f875f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5f875f" href="ColorPalette.html#glade_green/0"> :glade_green </a> ,  <a style="color: black; background_color: #5f875f" href="ColorPalette.html#mostly_desaturated_dark_lime_green/0"> :mostly_desaturated_dark_lime_green </a> ,  <a style="color: black; background_color: #5f875f" href="ColorPalette.html#russian_green/0"> :russian_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5f875f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f8787; padding: 1rem; margin-bottom: 1rem" id="color-66">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-66">66</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f8787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5f8787" href="ColorPalette.html#juniper/0"> :juniper </a> ,  <a style="color: white; background_color: #5f8787" href="ColorPalette.html#mostly_desaturated_dark_cyan/0"> :mostly_desaturated_dark_cyan </a> ,  <a style="color: white; background_color: #5f8787" href="ColorPalette.html#steel_teal/0"> :steel_teal </a>  </span> </div>
  <div> <a style="color: white; background-color: #5f8787; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5f87af; padding: 1rem; margin-bottom: 1rem" id="color-67">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-67">67</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f87af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5f87af" href="ColorPalette.html#hippie_blue/0"> :hippie_blue </a> ,  <a style="color: black; background_color: #5f87af" href="ColorPalette.html#rackley/0"> :rackley </a> ,  <a style="color: black; background_color: #5f87af" href="ColorPalette.html#steel_blue/0"> :steel_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #5f87af; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5f87d7; padding: 1rem; margin-bottom: 1rem" id="color-68">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-68">68</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f87d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5f87d7" href="ColorPalette.html#havelock_blue/0"> :havelock_blue </a> ,  <a style="color: black; background_color: #5f87d7" href="ColorPalette.html#moderate_blue/0"> :moderate_blue </a> ,  <a style="color: black; background_color: #5f87d7" href="ColorPalette.html#united_nations_blue/0"> :united_nations_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #5f87d7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5f87ff; padding: 1rem; margin-bottom: 1rem" id="color-69">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-69">69</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5f87ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5f87ff" href="ColorPalette.html#blueberry/0"> :blueberry </a> ,  <a style="color: black; background_color: #5f87ff" href="ColorPalette.html#light_blue/0"> :light_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #5f87ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5faf00; padding: 1rem; margin-bottom: 1rem" id="color-70">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-70">70</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5faf00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5faf00" href="ColorPalette.html#dark_green/0"> :dark_green </a> ,  <a style="color: black; background_color: #5faf00" href="ColorPalette.html#kelly_green/0"> :kelly_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5faf00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5faf5f; padding: 1rem; margin-bottom: 1rem" id="color-71">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-71">71</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5faf5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5faf5f" href="ColorPalette.html#dark_moderate_lime_green/0"> :dark_moderate_lime_green </a> ,  <a style="color: black; background_color: #5faf5f" href="ColorPalette.html#fern/0"> :fern </a> ,  <a style="color: black; background_color: #5faf5f" href="ColorPalette.html#forest_green/0"> :forest_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5faf5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5faf87; padding: 1rem; margin-bottom: 1rem" id="color-72">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-72">72</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5faf87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5faf87" href="ColorPalette.html#polished_pine/0"> :polished_pine </a> ,  <a style="color: white; background_color: #5faf87" href="ColorPalette.html#silver_tree/0"> :silver_tree </a>  </span> </div>
  <div> <a style="color: white; background-color: #5faf87; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5fafaf; padding: 1rem; margin-bottom: 1rem" id="color-73">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-73">73</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fafaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #5fafaf" href="ColorPalette.html#crystal_blue/0"> :crystal_blue </a> ,  <a style="color: white; background_color: #5fafaf" href="ColorPalette.html#dark_moderate_cyan/0"> :dark_moderate_cyan </a> ,  <a style="color: white; background_color: #5fafaf" href="ColorPalette.html#tradewind/0"> :tradewind </a>  </span> </div>
  <div> <a style="color: white; background-color: #5fafaf; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fafd7; padding: 1rem; margin-bottom: 1rem" id="color-74">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-74">74</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fafd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5fafd7" href="ColorPalette.html#aqua_pearl/0"> :aqua_pearl </a> ,  <a style="color: black; background_color: #5fafd7" href="ColorPalette.html#carolina_blue/0"> :carolina_blue </a> ,  <a style="color: black; background_color: #5fafd7" href="ColorPalette.html#shakespeare/0"> :shakespeare </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fafd7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fafff; padding: 1rem; margin-bottom: 1rem" id="color-75">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-75">75</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fafff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fafff" href="ColorPalette.html#blue_jeans/0"> :blue_jeans </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fafff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd700; padding: 1rem; margin-bottom: 1rem" id="color-76">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-76">76</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fd700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5fd700" href="ColorPalette.html#alien_armpit/0"> :alien_armpit </a> ,  <a style="color: black; background_color: #5fd700" href="ColorPalette.html#harlequin_green/0"> :harlequin_green </a> ,  <a style="color: black; background_color: #5fd700" href="ColorPalette.html#strong_green/0"> :strong_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fd700; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd75f; padding: 1rem; margin-bottom: 1rem" id="color-77">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-77">77</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fd75f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fd75f" href="ColorPalette.html#moderate_lime_green/0"> :moderate_lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fd75f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd787; padding: 1rem; margin-bottom: 1rem" id="color-78">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-78">78</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fd787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fd787" href="ColorPalette.html#caribbean_green_pearl/0"> :caribbean_green_pearl </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fd787; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd7af; padding: 1rem; margin-bottom: 1rem" id="color-79">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-79">79</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fd7af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5fd7af" href="ColorPalette.html#downy/0"> :downy </a> ,  <a style="color: black; background_color: #5fd7af" href="ColorPalette.html#eucalyptus/0"> :eucalyptus </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fd7af; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd7d7; padding: 1rem; margin-bottom: 1rem" id="color-80">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-80">80</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fd7d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#medium_turquoise/0"> :medium_turquoise </a> ,  <a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#moderate_cyan/0"> :moderate_cyan </a> ,  <a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#viking/0"> :viking </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fd7d7; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd7ff; padding: 1rem; margin-bottom: 1rem" id="color-81">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-81">81</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fd7ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fd7ff" href="ColorPalette.html#maya_blue/0"> :maya_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fd7ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fff00; padding: 1rem; margin-bottom: 1rem" id="color-82">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-82">82</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fff00" href="ColorPalette.html#bright_green/0"> :bright_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fff00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fff5f; padding: 1rem; margin-bottom: 1rem" id="color-83">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-83">83</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fff5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fff5f" href="ColorPalette.html#light_lime_green/0"> :light_lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fff5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fff87; padding: 1rem; margin-bottom: 1rem" id="color-84">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-84">84</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fff87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fff87" href="ColorPalette.html#very_light_malachite_green/0"> :very_light_malachite_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fff87; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fffaf; padding: 1rem; margin-bottom: 1rem" id="color-85">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-85">85</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fffaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fffaf" href="ColorPalette.html#medium_aquamarine/0"> :medium_aquamarine </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fffaf; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fffd7; padding: 1rem; margin-bottom: 1rem" id="color-86">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-86">86</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fffd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fffd7" href="ColorPalette.html#aquamarine_086/0"> :aquamarine_086 </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fffd7; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fffff; padding: 1rem; margin-bottom: 1rem" id="color-87">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-87">87</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #5fffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #5fffff" href="ColorPalette.html#aquamarine_087/0"> :aquamarine_087 </a>  </span> </div>
  <div> <a style="color: black; background-color: #5fffff; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #870000; padding: 1rem; margin-bottom: 1rem" id="color-88">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-88">88</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #870000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #870000" href="ColorPalette.html#deep_red/0"> :deep_red </a>  </span> </div>
  <div> <a style="color: white; background-color: #870000; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #87005f; padding: 1rem; margin-bottom: 1rem" id="color-89">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-89">89</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87005f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #87005f" href="ColorPalette.html#french_plum/0"> :french_plum </a>  </span> </div>
  <div> <a style="color: white; background-color: #87005f; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #870087; padding: 1rem; margin-bottom: 1rem" id="color-90">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-90">90</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #870087 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #870087" href="ColorPalette.html#fresh_eggplant/0"> :fresh_eggplant </a> ,  <a style="color: white; background_color: #870087" href="ColorPalette.html#mardi_gras/0"> :mardi_gras </a>  </span> </div>
  <div> <a style="color: white; background-color: #870087; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8700af; padding: 1rem; margin-bottom: 1rem" id="color-91">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-91">91</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #8700af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #8700af" href="ColorPalette.html#purple/0"> :purple </a> ,  <a style="color: white; background_color: #8700af" href="ColorPalette.html#violet/0"> :violet </a>  </span> </div>
  <div> <a style="color: white; background-color: #8700af; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8700d7; padding: 1rem; margin-bottom: 1rem" id="color-92">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-92">92</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #8700d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #8700d7" href="ColorPalette.html#french_violet/0"> :french_violet </a> ,  <a style="color: white; background_color: #8700d7" href="ColorPalette.html#strong_violet/0"> :strong_violet </a>  </span> </div>
  <div> <a style="color: white; background-color: #8700d7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8700ff; padding: 1rem; margin-bottom: 1rem" id="color-93">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-93">93</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #8700ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #8700ff" href="ColorPalette.html#electric_violet/0"> :electric_violet </a> ,  <a style="color: white; background_color: #8700ff" href="ColorPalette.html#pure_violet/0"> :pure_violet </a>  </span> </div>
  <div> <a style="color: white; background-color: #8700ff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875f00; padding: 1rem; margin-bottom: 1rem" id="color-94">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-94">94</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #875f00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #875f00" href="ColorPalette.html#brown/0"> :brown </a> ,  <a style="color: white; background_color: #875f00" href="ColorPalette.html#gamboge_orange/0"> :gamboge_orange </a>  </span> </div>
  <div> <a style="color: white; background-color: #875f00; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875f5f; padding: 1rem; margin-bottom: 1rem" id="color-95">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-95">95</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #875f5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #875f5f" href="ColorPalette.html#copper_rose/0"> :copper_rose </a> ,  <a style="color: white; background_color: #875f5f" href="ColorPalette.html#deep_taupe/0"> :deep_taupe </a> ,  <a style="color: white; background_color: #875f5f" href="ColorPalette.html#mostly_desaturated_dark_red/0"> :mostly_desaturated_dark_red </a>  </span> </div>
  <div> <a style="color: white; background-color: #875f5f; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875f87; padding: 1rem; margin-bottom: 1rem" id="color-96">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-96">96</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #875f87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #875f87" href="ColorPalette.html#chinese_violet/0"> :chinese_violet </a> ,  <a style="color: white; background_color: #875f87" href="ColorPalette.html#mostly_desaturated_dark_magenta/0"> :mostly_desaturated_dark_magenta </a> ,  <a style="color: white; background_color: #875f87" href="ColorPalette.html#strikemaster/0"> :strikemaster </a>  </span> </div>
  <div> <a style="color: white; background-color: #875f87; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875faf; padding: 1rem; margin-bottom: 1rem" id="color-97">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-97">97</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #875faf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #875faf" href="ColorPalette.html#dark_moderate_violet/0"> :dark_moderate_violet </a> ,  <a style="color: white; background_color: #875faf" href="ColorPalette.html#deluge/0"> :deluge </a> ,  <a style="color: white; background_color: #875faf" href="ColorPalette.html#royal_purple/0"> :royal_purple </a>  </span> </div>
  <div> <a style="color: white; background-color: #875faf; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #875fd7; padding: 1rem; margin-bottom: 1rem" id="color-98">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-98">98</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #875fd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #875fd7" href="ColorPalette.html#medium_purple/0"> :medium_purple </a> ,  <a style="color: black; background_color: #875fd7" href="ColorPalette.html#moderate_violet/0"> :moderate_violet </a>  </span> </div>
  <div> <a style="color: black; background-color: #875fd7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #875fff; padding: 1rem; margin-bottom: 1rem" id="color-99">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-99">99</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #875fff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #875fff" href="ColorPalette.html#blueberry_099/0"> :blueberry_099 </a>  </span> </div>
  <div> <a style="color: black; background-color: #875fff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #878700; padding: 1rem; margin-bottom: 1rem" id="color-100">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-100">100</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #878700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #878700" href="ColorPalette.html#dark_yellow_olive_tone/0"> :dark_yellow_olive_tone </a> ,  <a style="color: white; background_color: #878700" href="ColorPalette.html#olive/0"> :olive </a>  </span> </div>
  <div> <a style="color: white; background-color: #878700; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87875f; padding: 1rem; margin-bottom: 1rem" id="color-101">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-101">101</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87875f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87875f" href="ColorPalette.html#clay_creek/0"> :clay_creek </a> ,  <a style="color: black; background_color: #87875f" href="ColorPalette.html#mostly_desaturated_dark_yellow/0"> :mostly_desaturated_dark_yellow </a> ,  <a style="color: black; background_color: #87875f" href="ColorPalette.html#shadow/0"> :shadow </a>  </span> </div>
  <div> <a style="color: black; background-color: #87875f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #878787; padding: 1rem; margin-bottom: 1rem" id="color-102">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-102">102</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #878787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #878787" href="ColorPalette.html#taupe_gray/0"> :taupe_gray </a>  </span> </div>
  <div> <a style="color: white; background-color: #878787; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8787af; padding: 1rem; margin-bottom: 1rem" id="color-103">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-103">103</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #8787af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #8787af" href="ColorPalette.html#cool_grey/0"> :cool_grey </a> ,  <a style="color: white; background_color: #8787af" href="ColorPalette.html#dark_grayish_blue/0"> :dark_grayish_blue </a> ,  <a style="color: white; background_color: #8787af" href="ColorPalette.html#shadow_blue/0"> :shadow_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #8787af; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #8787d7; padding: 1rem; margin-bottom: 1rem" id="color-104">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-104">104</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #8787d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #8787d7" href="ColorPalette.html#chetwode_blue/0"> :chetwode_blue </a> ,  <a style="color: black; background_color: #8787d7" href="ColorPalette.html#ube/0"> :ube </a>  </span> </div>
  <div> <a style="color: black; background-color: #8787d7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8787ff; padding: 1rem; margin-bottom: 1rem" id="color-105">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-105">105</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #8787ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #8787ff" href="ColorPalette.html#violets_are_blue/0"> :violets_are_blue </a>  </span> </div>
  <div> <a style="color: white; background-color: #8787ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #87af00; padding: 1rem; margin-bottom: 1rem" id="color-106">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-106">106</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87af00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #87af00" href="ColorPalette.html#apple_green/0"> :apple_green </a> ,  <a style="color: white; background_color: #87af00" href="ColorPalette.html#limeade/0"> :limeade </a>  </span> </div>
  <div> <a style="color: white; background-color: #87af00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87af5f; padding: 1rem; margin-bottom: 1rem" id="color-107">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-107">107</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87af5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87af5f" href="ColorPalette.html#asparagus/0"> :asparagus </a> ,  <a style="color: black; background_color: #87af5f" href="ColorPalette.html#chelsea_cucumber/0"> :chelsea_cucumber </a> ,  <a style="color: black; background_color: #87af5f" href="ColorPalette.html#dark_moderate_green/0"> :dark_moderate_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #87af5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87af87; padding: 1rem; margin-bottom: 1rem" id="color-108">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-108">108</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87af87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87af87" href="ColorPalette.html#bay_leaf/0"> :bay_leaf </a> ,  <a style="color: black; background_color: #87af87" href="ColorPalette.html#dark_grayish_lime_green/0"> :dark_grayish_lime_green </a> ,  <a style="color: black; background_color: #87af87" href="ColorPalette.html#dark_sea_green/0"> :dark_sea_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #87af87; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87afaf; padding: 1rem; margin-bottom: 1rem" id="color-109">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-109">109</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87afaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87afaf" href="ColorPalette.html#dark_grayish_cyan/0"> :dark_grayish_cyan </a> ,  <a style="color: black; background_color: #87afaf" href="ColorPalette.html#gulf_stream/0"> :gulf_stream </a> ,  <a style="color: black; background_color: #87afaf" href="ColorPalette.html#pewter_blue/0"> :pewter_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #87afaf; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87afd7; padding: 1rem; margin-bottom: 1rem" id="color-110">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-110">110</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87afd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87afd7" href="ColorPalette.html#light_cobalt_blue/0"> :light_cobalt_blue </a> ,  <a style="color: black; background_color: #87afd7" href="ColorPalette.html#polo_blue/0"> :polo_blue </a> ,  <a style="color: black; background_color: #87afd7" href="ColorPalette.html#slightly_desaturated_blue/0"> :slightly_desaturated_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #87afd7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87afff; padding: 1rem; margin-bottom: 1rem" id="color-111">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-111">111</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87afff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87afff" href="ColorPalette.html#french_sky_blue/0"> :french_sky_blue </a> ,  <a style="color: black; background_color: #87afff" href="ColorPalette.html#malibu/0"> :malibu </a>  </span> </div>
  <div> <a style="color: black; background-color: #87afff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d700; padding: 1rem; margin-bottom: 1rem" id="color-112">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-112">112</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87d700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #87d700" href="ColorPalette.html#pistachio/0"> :pistachio </a>  </span> </div>
  <div> <a style="color: black; background-color: #87d700; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d75f; padding: 1rem; margin-bottom: 1rem" id="color-113">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-113">113</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87d75f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #87d75f" href="ColorPalette.html#mantis/0"> :mantis </a>  </span> </div>
  <div> <a style="color: black; background-color: #87d75f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d787; padding: 1rem; margin-bottom: 1rem" id="color-114">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-114">114</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87d787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87d787" href="ColorPalette.html#pastel_green/0"> :pastel_green </a> ,  <a style="color: black; background_color: #87d787" href="ColorPalette.html#slightly_desaturated_lime_green/0"> :slightly_desaturated_lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #87d787; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d7af; padding: 1rem; margin-bottom: 1rem" id="color-115">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-115">115</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87d7af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87d7af" href="ColorPalette.html#pearl_aqua/0"> :pearl_aqua </a> ,  <a style="color: black; background_color: #87d7af" href="ColorPalette.html#vista_blue/0"> :vista_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #87d7af; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d7d7; padding: 1rem; margin-bottom: 1rem" id="color-116">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-116">116</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87d7d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87d7d7" href="ColorPalette.html#bermuda/0"> :bermuda </a> ,  <a style="color: black; background_color: #87d7d7" href="ColorPalette.html#middle_blue_green/0"> :middle_blue_green </a> ,  <a style="color: black; background_color: #87d7d7" href="ColorPalette.html#slightly_desaturated_cyan/0"> :slightly_desaturated_cyan </a>  </span> </div>
  <div> <a style="color: black; background-color: #87d7d7; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d7ff; padding: 1rem; margin-bottom: 1rem" id="color-117">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-117">117</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87d7ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87d7ff" href="ColorPalette.html#pale_cyan/0"> :pale_cyan </a> ,  <a style="color: black; background_color: #87d7ff" href="ColorPalette.html#very_light_blue/0"> :very_light_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #87d7ff; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ff00; padding: 1rem; margin-bottom: 1rem" id="color-118">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-118">118</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87ff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87ff00" href="ColorPalette.html#chartreuse/0"> :chartreuse </a> ,  <a style="color: black; background_color: #87ff00" href="ColorPalette.html#pure_green/0"> :pure_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #87ff00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ff5f; padding: 1rem; margin-bottom: 1rem" id="color-119">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-119">119</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87ff5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87ff5f" href="ColorPalette.html#light_green/0"> :light_green </a> ,  <a style="color: black; background_color: #87ff5f" href="ColorPalette.html#screamin_green/0"> :screamin_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #87ff5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ff87; padding: 1rem; margin-bottom: 1rem" id="color-120">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-120">120</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87ff87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #87ff87" href="ColorPalette.html#very_light_lime_green/0"> :very_light_lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #87ff87; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ffaf; padding: 1rem; margin-bottom: 1rem" id="color-121">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-121">121</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87ffaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #87ffaf" href="ColorPalette.html#mint_green_121/0"> :mint_green_121 </a>  </span> </div>
  <div> <a style="color: black; background-color: #87ffaf; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ffd7; padding: 1rem; margin-bottom: 1rem" id="color-122">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-122">122</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87ffd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87ffd7" href="ColorPalette.html#aquamarine/0"> :aquamarine </a> ,  <a style="color: black; background_color: #87ffd7" href="ColorPalette.html#lime_green/0"> :lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #87ffd7; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ffff; padding: 1rem; margin-bottom: 1rem" id="color-123">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-123">123</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #87ffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #87ffff" href="ColorPalette.html#anakiwa/0"> :anakiwa </a> ,  <a style="color: black; background_color: #87ffff" href="ColorPalette.html#electric_blue/0"> :electric_blue </a> ,  <a style="color: black; background_color: #87ffff" href="ColorPalette.html#very_light_cyan/0"> :very_light_cyan </a>  </span> </div>
  <div> <a style="color: black; background-color: #87ffff; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af0000; padding: 1rem; margin-bottom: 1rem" id="color-124">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-124">124</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af0000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af0000" href="ColorPalette.html#bright_red/0"> :bright_red </a> ,  <a style="color: white; background_color: #af0000" href="ColorPalette.html#dark_candy_apple_red/0"> :dark_candy_apple_red </a> ,  <a style="color: white; background_color: #af0000" href="ColorPalette.html#dark_red/0"> :dark_red </a>  </span> </div>
  <div> <a style="color: white; background-color: #af0000; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af005f; padding: 1rem; margin-bottom: 1rem" id="color-125">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-125">125</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af005f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af005f" href="ColorPalette.html#dark_pink/0"> :dark_pink </a> ,  <a style="color: white; background_color: #af005f" href="ColorPalette.html#jazzberry_jam/0"> :jazzberry_jam </a>  </span> </div>
  <div> <a style="color: white; background-color: #af005f; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af0087; padding: 1rem; margin-bottom: 1rem" id="color-126">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-126">126</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af0087 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af0087" href="ColorPalette.html#dark_magenta/0"> :dark_magenta </a> ,  <a style="color: white; background_color: #af0087" href="ColorPalette.html#flirt/0"> :flirt </a>  </span> </div>
  <div> <a style="color: white; background-color: #af0087; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af00af; padding: 1rem; margin-bottom: 1rem" id="color-127">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-127">127</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af00af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #af00af" href="ColorPalette.html#heliotrope_magenta/0"> :heliotrope_magenta </a>  </span> </div>
  <div> <a style="color: white; background-color: #af00af; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af00d7; padding: 1rem; margin-bottom: 1rem" id="color-128">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-128">128</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af00d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #af00d7" href="ColorPalette.html#vivid_mulberry/0"> :vivid_mulberry </a>  </span> </div>
  <div> <a style="color: white; background-color: #af00d7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af00ff; padding: 1rem; margin-bottom: 1rem" id="color-129">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-129">129</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af00ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #af00ff" href="ColorPalette.html#electric_purple/0"> :electric_purple </a>  </span> </div>
  <div> <a style="color: white; background-color: #af00ff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5f00; padding: 1rem; margin-bottom: 1rem" id="color-130">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-130">130</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af5f00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af5f00" href="ColorPalette.html#dark_orange_brown_tone/0"> :dark_orange_brown_tone </a> ,  <a style="color: white; background_color: #af5f00" href="ColorPalette.html#rose_of_sharon/0"> :rose_of_sharon </a> ,  <a style="color: white; background_color: #af5f00" href="ColorPalette.html#windsor_tan/0"> :windsor_tan </a>  </span> </div>
  <div> <a style="color: white; background-color: #af5f00; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5f5f; padding: 1rem; margin-bottom: 1rem" id="color-131">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-131">131</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af5f5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af5f5f" href="ColorPalette.html#dark_moderate_red/0"> :dark_moderate_red </a> ,  <a style="color: white; background_color: #af5f5f" href="ColorPalette.html#electric_brown/0"> :electric_brown </a> ,  <a style="color: white; background_color: #af5f5f" href="ColorPalette.html#matrix/0"> :matrix </a>  </span> </div>
  <div> <a style="color: white; background-color: #af5f5f; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5f87; padding: 1rem; margin-bottom: 1rem" id="color-132">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-132">132</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af5f87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af5f87" href="ColorPalette.html#dark_moderate_pink/0"> :dark_moderate_pink </a> ,  <a style="color: white; background_color: #af5f87" href="ColorPalette.html#tapestry/0"> :tapestry </a> ,  <a style="color: white; background_color: #af5f87" href="ColorPalette.html#turkish_rose/0"> :turkish_rose </a>  </span> </div>
  <div> <a style="color: white; background-color: #af5f87; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5faf; padding: 1rem; margin-bottom: 1rem" id="color-133">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-133">133</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af5faf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af5faf" href="ColorPalette.html#dark_moderate_magenta/0"> :dark_moderate_magenta </a> ,  <a style="color: white; background_color: #af5faf" href="ColorPalette.html#pearly_purple/0"> :pearly_purple </a>  </span> </div>
  <div> <a style="color: white; background-color: #af5faf; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5fd7; padding: 1rem; margin-bottom: 1rem" id="color-134">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-134">134</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af5fd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #af5fd7" href="ColorPalette.html#rich_lilac/0"> :rich_lilac </a>  </span> </div>
  <div> <a style="color: white; background-color: #af5fd7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5fff; padding: 1rem; margin-bottom: 1rem" id="color-135">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-135">135</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af5fff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af5fff" href="ColorPalette.html#lavender_indigo/0"> :lavender_indigo </a> ,  <a style="color: white; background_color: #af5fff" href="ColorPalette.html#light_violet/0"> :light_violet </a>  </span> </div>
  <div> <a style="color: white; background-color: #af5fff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af8700; padding: 1rem; margin-bottom: 1rem" id="color-136">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-136">136</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af8700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af8700" href="ColorPalette.html#dark_goldenrod/0"> :dark_goldenrod </a> ,  <a style="color: white; background_color: #af8700" href="ColorPalette.html#pirate_gold/0"> :pirate_gold </a>  </span> </div>
  <div> <a style="color: white; background-color: #af8700; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af875f; padding: 1rem; margin-bottom: 1rem" id="color-137">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-137">137</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af875f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #af875f" href="ColorPalette.html#bronze/0"> :bronze </a> ,  <a style="color: white; background_color: #af875f" href="ColorPalette.html#dark_moderate_orange/0"> :dark_moderate_orange </a> ,  <a style="color: white; background_color: #af875f" href="ColorPalette.html#muesli/0"> :muesli </a>  </span> </div>
  <div> <a style="color: white; background-color: #af875f; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #af8787; padding: 1rem; margin-bottom: 1rem" id="color-138">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-138">138</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af8787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #af8787" href="ColorPalette.html#dark_grayish_red/0"> :dark_grayish_red </a> ,  <a style="color: black; background_color: #af8787" href="ColorPalette.html#english_lavender/0"> :english_lavender </a> ,  <a style="color: black; background_color: #af8787" href="ColorPalette.html#pharlap/0"> :pharlap </a>  </span> </div>
  <div> <a style="color: black; background-color: #af8787; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #af87af; padding: 1rem; margin-bottom: 1rem" id="color-139">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-139">139</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af87af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #af87af" href="ColorPalette.html#bouquet/0"> :bouquet </a> ,  <a style="color: black; background_color: #af87af" href="ColorPalette.html#dark_grayish_magenta/0"> :dark_grayish_magenta </a> ,  <a style="color: black; background_color: #af87af" href="ColorPalette.html#opera_mauve/0"> :opera_mauve </a>  </span> </div>
  <div> <a style="color: black; background-color: #af87af; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #af87d7; padding: 1rem; margin-bottom: 1rem" id="color-140">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-140">140</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af87d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #af87d7" href="ColorPalette.html#lavender/0"> :lavender </a> ,  <a style="color: black; background_color: #af87d7" href="ColorPalette.html#slightly_desaturated_violet/0"> :slightly_desaturated_violet </a>  </span> </div>
  <div> <a style="color: black; background-color: #af87d7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af87ff; padding: 1rem; margin-bottom: 1rem" id="color-141">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-141">141</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #af87ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #af87ff" href="ColorPalette.html#bright_lavender/0"> :bright_lavender </a>  </span> </div>
  <div> <a style="color: white; background-color: #af87ff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afaf00; padding: 1rem; margin-bottom: 1rem" id="color-142">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-142">142</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afaf00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afaf00" href="ColorPalette.html#buddha_gold/0"> :buddha_gold </a> ,  <a style="color: black; background_color: #afaf00" href="ColorPalette.html#light_gold/0"> :light_gold </a>  </span> </div>
  <div> <a style="color: black; background-color: #afaf00; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afaf5f; padding: 1rem; margin-bottom: 1rem" id="color-143">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-143">143</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afaf5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afaf5f" href="ColorPalette.html#dark_moderate_yellow/0"> :dark_moderate_yellow </a> ,  <a style="color: black; background_color: #afaf5f" href="ColorPalette.html#olive_green/0"> :olive_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #afaf5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afaf87; padding: 1rem; margin-bottom: 1rem" id="color-144">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-144">144</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afaf87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afaf87" href="ColorPalette.html#dark_grayish_yellow/0"> :dark_grayish_yellow </a> ,  <a style="color: black; background_color: #afaf87" href="ColorPalette.html#hillary/0"> :hillary </a> ,  <a style="color: black; background_color: #afaf87" href="ColorPalette.html#sage/0"> :sage </a>  </span> </div>
  <div> <a style="color: black; background-color: #afaf87; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afafaf; padding: 1rem; margin-bottom: 1rem" id="color-145">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-145">145</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afafaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #afafaf" href="ColorPalette.html#silver_foil/0"> :silver_foil </a>  </span> </div>
  <div> <a style="color: black; background-color: #afafaf; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afafd7; padding: 1rem; margin-bottom: 1rem" id="color-146">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-146">146</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afafd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afafd7" href="ColorPalette.html#grayish_blue/0"> :grayish_blue </a> ,  <a style="color: black; background_color: #afafd7" href="ColorPalette.html#wild_blue_yonder/0"> :wild_blue_yonder </a> ,  <a style="color: black; background_color: #afafd7" href="ColorPalette.html#wistful/0"> :wistful </a>  </span> </div>
  <div> <a style="color: black; background-color: #afafd7; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afafff; padding: 1rem; margin-bottom: 1rem" id="color-147">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-147">147</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afafff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afafff" href="ColorPalette.html#maximum_blue_purple/0"> :maximum_blue_purple </a> ,  <a style="color: black; background_color: #afafff" href="ColorPalette.html#melrose/0"> :melrose </a>  </span> </div>
  <div> <a style="color: black; background-color: #afafff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd700; padding: 1rem; margin-bottom: 1rem" id="color-148">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-148">148</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afd700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afd700" href="ColorPalette.html#rio_grande/0"> :rio_grande </a> ,  <a style="color: black; background_color: #afd700" href="ColorPalette.html#sheen_green/0"> :sheen_green </a> ,  <a style="color: black; background_color: #afd700" href="ColorPalette.html#vivid_lime_green/0"> :vivid_lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #afd700; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd75f; padding: 1rem; margin-bottom: 1rem" id="color-149">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-149">149</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afd75f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afd75f" href="ColorPalette.html#conifer/0"> :conifer </a> ,  <a style="color: black; background_color: #afd75f" href="ColorPalette.html#june_bud/0"> :june_bud </a> ,  <a style="color: black; background_color: #afd75f" href="ColorPalette.html#moderate_green/0"> :moderate_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #afd75f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd787; padding: 1rem; margin-bottom: 1rem" id="color-150">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-150">150</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afd787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afd787" href="ColorPalette.html#feijoa/0"> :feijoa </a> ,  <a style="color: black; background_color: #afd787" href="ColorPalette.html#slightly_desaturated_green/0"> :slightly_desaturated_green </a> ,  <a style="color: black; background_color: #afd787" href="ColorPalette.html#yellow_green/0"> :yellow_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #afd787; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd7af; padding: 1rem; margin-bottom: 1rem" id="color-151">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-151">151</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afd7af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afd7af" href="ColorPalette.html#grayish_lime_green/0"> :grayish_lime_green </a> ,  <a style="color: black; background_color: #afd7af" href="ColorPalette.html#light_moss_green/0"> :light_moss_green </a> ,  <a style="color: black; background_color: #afd7af" href="ColorPalette.html#pixie_green/0"> :pixie_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #afd7af; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd7d7; padding: 1rem; margin-bottom: 1rem" id="color-152">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-152">152</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afd7d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afd7d7" href="ColorPalette.html#crystal/0"> :crystal </a> ,  <a style="color: black; background_color: #afd7d7" href="ColorPalette.html#grayish_cyan/0"> :grayish_cyan </a> ,  <a style="color: black; background_color: #afd7d7" href="ColorPalette.html#jungle_mist/0"> :jungle_mist </a>  </span> </div>
  <div> <a style="color: black; background-color: #afd7d7; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd7ff; padding: 1rem; margin-bottom: 1rem" id="color-153">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-153">153</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afd7ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afd7ff" href="ColorPalette.html#fresh_air/0"> :fresh_air </a> ,  <a style="color: black; background_color: #afd7ff" href="ColorPalette.html#pale_blue/0"> :pale_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #afd7ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afff00; padding: 1rem; margin-bottom: 1rem" id="color-154">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-154">154</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afff00" href="ColorPalette.html#lime/0"> :lime </a> ,  <a style="color: black; background_color: #afff00" href="ColorPalette.html#spring_bud/0"> :spring_bud </a>  </span> </div>
  <div> <a style="color: black; background-color: #afff00; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afff5f; padding: 1rem; margin-bottom: 1rem" id="color-155">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-155">155</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afff5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afff5f" href="ColorPalette.html#green_yellow/0"> :green_yellow </a> ,  <a style="color: black; background_color: #afff5f" href="ColorPalette.html#inchworm/0"> :inchworm </a>  </span> </div>
  <div> <a style="color: black; background-color: #afff5f; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afff87; padding: 1rem; margin-bottom: 1rem" id="color-156">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-156">156</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afff87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afff87" href="ColorPalette.html#mint_green/0"> :mint_green </a> ,  <a style="color: black; background_color: #afff87" href="ColorPalette.html#very_light_green/0"> :very_light_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #afff87; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afffaf; padding: 1rem; margin-bottom: 1rem" id="color-157">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-157">157</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afffaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afffaf" href="ColorPalette.html#menthol/0"> :menthol </a> ,  <a style="color: black; background_color: #afffaf" href="ColorPalette.html#pale_lime_green/0"> :pale_lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #afffaf; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afffd7; padding: 1rem; margin-bottom: 1rem" id="color-158">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-158">158</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afffd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afffd7" href="ColorPalette.html#aero_blue/0"> :aero_blue </a> ,  <a style="color: black; background_color: #afffd7" href="ColorPalette.html#magic_mint/0"> :magic_mint </a>  </span> </div>
  <div> <a style="color: black; background-color: #afffd7; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afffff; padding: 1rem; margin-bottom: 1rem" id="color-159">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-159">159</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #afffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #afffff" href="ColorPalette.html#celeste/0"> :celeste </a> ,  <a style="color: black; background_color: #afffff" href="ColorPalette.html#french_pass/0"> :french_pass </a>  </span> </div>
  <div> <a style="color: black; background-color: #afffff; " href="color_groups.html#cyan"><span style="font-weight: bold;">Color Group</span>: cyan</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d70000; padding: 1rem; margin-bottom: 1rem" id="color-160">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-160">160</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d70000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d70000" href="ColorPalette.html#guardsman_red/0"> :guardsman_red </a> ,  <a style="color: white; background_color: #d70000" href="ColorPalette.html#rosso_corsa/0"> :rosso_corsa </a> ,  <a style="color: white; background_color: #d70000" href="ColorPalette.html#strong_red/0"> :strong_red </a>  </span> </div>
  <div> <a style="color: white; background-color: #d70000; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d7005f; padding: 1rem; margin-bottom: 1rem" id="color-161">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-161">161</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7005f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d7005f" href="ColorPalette.html#razzmatazz/0"> :razzmatazz </a> ,  <a style="color: white; background_color: #d7005f" href="ColorPalette.html#royal_red/0"> :royal_red </a>  </span> </div>
  <div> <a style="color: white; background-color: #d7005f; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d70087; padding: 1rem; margin-bottom: 1rem" id="color-162">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-162">162</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d70087 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d70087" href="ColorPalette.html#mexican_pink/0"> :mexican_pink </a> ,  <a style="color: white; background_color: #d70087" href="ColorPalette.html#strong_pink/0"> :strong_pink </a>  </span> </div>
  <div> <a style="color: white; background-color: #d70087; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d700af; padding: 1rem; margin-bottom: 1rem" id="color-163">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-163">163</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d700af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #d700af" href="ColorPalette.html#hollywood_cerise_163/0"> :hollywood_cerise_163 </a>  </span> </div>
  <div> <a style="color: white; background-color: #d700af; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d700d7; padding: 1rem; margin-bottom: 1rem" id="color-164">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-164">164</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d700d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d700d7" href="ColorPalette.html#deep_magenta/0"> :deep_magenta </a> ,  <a style="color: white; background_color: #d700d7" href="ColorPalette.html#strong_magenta/0"> :strong_magenta </a>  </span> </div>
  <div> <a style="color: white; background-color: #d700d7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d700ff; padding: 1rem; margin-bottom: 1rem" id="color-165">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-165">165</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d700ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #d700ff" href="ColorPalette.html#phlox/0"> :phlox </a>  </span> </div>
  <div> <a style="color: white; background-color: #d700ff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d75f00; padding: 1rem; margin-bottom: 1rem" id="color-166">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-166">166</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d75f00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d75f00" href="ColorPalette.html#strong_orange/0"> :strong_orange </a> ,  <a style="color: white; background_color: #d75f00" href="ColorPalette.html#tenn/0"> :tenn </a>  </span> </div>
  <div> <a style="color: white; background-color: #d75f00; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d75f5f; padding: 1rem; margin-bottom: 1rem" id="color-167">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-167">167</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d75f5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d75f5f" href="ColorPalette.html#indian_red/0"> :indian_red </a> ,  <a style="color: white; background_color: #d75f5f" href="ColorPalette.html#moderate_red/0"> :moderate_red </a> ,  <a style="color: white; background_color: #d75f5f" href="ColorPalette.html#roman/0"> :roman </a>  </span> </div>
  <div> <a style="color: white; background-color: #d75f5f; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d75f87; padding: 1rem; margin-bottom: 1rem" id="color-168">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-168">168</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d75f87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d75f87" href="ColorPalette.html#blush/0"> :blush </a> ,  <a style="color: white; background_color: #d75f87" href="ColorPalette.html#cranberry/0"> :cranberry </a> ,  <a style="color: white; background_color: #d75f87" href="ColorPalette.html#mystic_pearl/0"> :mystic_pearl </a>  </span> </div>
  <div> <a style="color: white; background-color: #d75f87; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d75faf; padding: 1rem; margin-bottom: 1rem" id="color-169">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-169">169</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d75faf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d75faf" href="ColorPalette.html#hopbush/0"> :hopbush </a> ,  <a style="color: black; background_color: #d75faf" href="ColorPalette.html#moderate_pink/0"> :moderate_pink </a> ,  <a style="color: black; background_color: #d75faf" href="ColorPalette.html#super_pink/0"> :super_pink </a>  </span> </div>
  <div> <a style="color: black; background-color: #d75faf; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d75fd7; padding: 1rem; margin-bottom: 1rem" id="color-170">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-170">170</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d75fd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d75fd7" href="ColorPalette.html#moderate_magenta/0"> :moderate_magenta </a> ,  <a style="color: black; background_color: #d75fd7" href="ColorPalette.html#orchid/0"> :orchid </a>  </span> </div>
  <div> <a style="color: black; background-color: #d75fd7; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d75fff; padding: 1rem; margin-bottom: 1rem" id="color-171">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-171">171</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d75fff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d75fff" href="ColorPalette.html#heliotrope/0"> :heliotrope </a> ,  <a style="color: black; background_color: #d75fff" href="ColorPalette.html#light_magenta/0"> :light_magenta </a>  </span> </div>
  <div> <a style="color: black; background-color: #d75fff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d78700; padding: 1rem; margin-bottom: 1rem" id="color-172">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-172">172</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d78700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d78700" href="ColorPalette.html#chocolate/0"> :chocolate </a> ,  <a style="color: white; background_color: #d78700" href="ColorPalette.html#harvest_gold/0"> :harvest_gold </a> ,  <a style="color: white; background_color: #d78700" href="ColorPalette.html#mango_tango/0"> :mango_tango </a>  </span> </div>
  <div> <a style="color: white; background-color: #d78700; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d7875f; padding: 1rem; margin-bottom: 1rem" id="color-173">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-173">173</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7875f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d7875f" href="ColorPalette.html#copperfield/0"> :copperfield </a> ,  <a style="color: white; background_color: #d7875f" href="ColorPalette.html#raw_sienna/0"> :raw_sienna </a>  </span> </div>
  <div> <a style="color: white; background-color: #d7875f; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d78787; padding: 1rem; margin-bottom: 1rem" id="color-174">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-174">174</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d78787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d78787" href="ColorPalette.html#my_pink/0"> :my_pink </a> ,  <a style="color: black; background_color: #d78787" href="ColorPalette.html#new_york_pink/0"> :new_york_pink </a> ,  <a style="color: black; background_color: #d78787" href="ColorPalette.html#slightly_desaturated_red/0"> :slightly_desaturated_red </a>  </span> </div>
  <div> <a style="color: black; background-color: #d78787; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d787af; padding: 1rem; margin-bottom: 1rem" id="color-175">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-175">175</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d787af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d787af" href="ColorPalette.html#can_can/0"> :can_can </a> ,  <a style="color: black; background_color: #d787af" href="ColorPalette.html#middle_purple/0"> :middle_purple </a> ,  <a style="color: black; background_color: #d787af" href="ColorPalette.html#slightly_desaturated_pink/0"> :slightly_desaturated_pink </a>  </span> </div>
  <div> <a style="color: black; background-color: #d787af; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d787d7; padding: 1rem; margin-bottom: 1rem" id="color-176">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-176">176</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d787d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #d787d7" href="ColorPalette.html#deep_mauve/0"> :deep_mauve </a> ,  <a style="color: white; background_color: #d787d7" href="ColorPalette.html#light_orchid/0"> :light_orchid </a> ,  <a style="color: white; background_color: #d787d7" href="ColorPalette.html#slightly_desaturated_magenta/0"> :slightly_desaturated_magenta </a>  </span> </div>
  <div> <a style="color: white; background-color: #d787d7; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d787ff; padding: 1rem; margin-bottom: 1rem" id="color-177">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-177">177</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d787ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d787ff" href="ColorPalette.html#bright_lilac/0"> :bright_lilac </a> ,  <a style="color: black; background_color: #d787ff" href="ColorPalette.html#very_light_violet/0"> :very_light_violet </a>  </span> </div>
  <div> <a style="color: black; background-color: #d787ff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7af00; padding: 1rem; margin-bottom: 1rem" id="color-178">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-178">178</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7af00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7af00" href="ColorPalette.html#goldenrod/0"> :goldenrod </a> ,  <a style="color: black; background_color: #d7af00" href="ColorPalette.html#mustard_yellow/0"> :mustard_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7af00; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7af5f; padding: 1rem; margin-bottom: 1rem" id="color-179">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-179">179</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7af5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7af5f" href="ColorPalette.html#earth_yellow/0"> :earth_yellow </a> ,  <a style="color: black; background_color: #d7af5f" href="ColorPalette.html#moderate_orange/0"> :moderate_orange </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7af5f; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7af87; padding: 1rem; margin-bottom: 1rem" id="color-180">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-180">180</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7af87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7af87" href="ColorPalette.html#slightly_desaturated_orange/0"> :slightly_desaturated_orange </a> ,  <a style="color: black; background_color: #d7af87" href="ColorPalette.html#tan/0"> :tan </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7af87; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7afaf; padding: 1rem; margin-bottom: 1rem" id="color-181">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-181">181</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7afaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7afaf" href="ColorPalette.html#clam_shell/0"> :clam_shell </a> ,  <a style="color: black; background_color: #d7afaf" href="ColorPalette.html#grayish_red/0"> :grayish_red </a> ,  <a style="color: black; background_color: #d7afaf" href="ColorPalette.html#pale_chestnut/0"> :pale_chestnut </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7afaf; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7afd7; padding: 1rem; margin-bottom: 1rem" id="color-182">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-182">182</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7afd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7afd7" href="ColorPalette.html#grayish_magenta/0"> :grayish_magenta </a> ,  <a style="color: black; background_color: #d7afd7" href="ColorPalette.html#pink_lavender/0"> :pink_lavender </a> ,  <a style="color: black; background_color: #d7afd7" href="ColorPalette.html#thistle/0"> :thistle </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7afd7; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7afff; padding: 1rem; margin-bottom: 1rem" id="color-183">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-183">183</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7afff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7afff" href="ColorPalette.html#mauve/0"> :mauve </a> ,  <a style="color: black; background_color: #d7afff" href="ColorPalette.html#pale_violet/0"> :pale_violet </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7afff; " href="color_groups.html#purple_violet_and_magenta"><span style="font-weight: bold;">Color Group</span>: purple_violet_and_magenta</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d700; padding: 1rem; margin-bottom: 1rem" id="color-184">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-184">184</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7d700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7d700" href="ColorPalette.html#citrine/0"> :citrine </a> ,  <a style="color: black; background_color: #d7d700" href="ColorPalette.html#corn/0"> :corn </a> ,  <a style="color: black; background_color: #d7d700" href="ColorPalette.html#strong_yellow/0"> :strong_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7d700; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d75f; padding: 1rem; margin-bottom: 1rem" id="color-185">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-185">185</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7d75f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7d75f" href="ColorPalette.html#chinese_green/0"> :chinese_green </a> ,  <a style="color: black; background_color: #d7d75f" href="ColorPalette.html#moderate_yellow/0"> :moderate_yellow </a> ,  <a style="color: black; background_color: #d7d75f" href="ColorPalette.html#tacha/0"> :tacha </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7d75f; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d787; padding: 1rem; margin-bottom: 1rem" id="color-186">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-186">186</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7d787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7d787" href="ColorPalette.html#deco/0"> :deco </a> ,  <a style="color: black; background_color: #d7d787" href="ColorPalette.html#medium_spring_bud/0"> :medium_spring_bud </a> ,  <a style="color: black; background_color: #d7d787" href="ColorPalette.html#slightly_desaturated_yellow/0"> :slightly_desaturated_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7d787; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d7af; padding: 1rem; margin-bottom: 1rem" id="color-187">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-187">187</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7d7af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7d7af" href="ColorPalette.html#grayish_yellow/0"> :grayish_yellow </a> ,  <a style="color: black; background_color: #d7d7af" href="ColorPalette.html#green_mist/0"> :green_mist </a> ,  <a style="color: black; background_color: #d7d7af" href="ColorPalette.html#pastel_gray/0"> :pastel_gray </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7d7af; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d7d7; padding: 1rem; margin-bottom: 1rem" id="color-188">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-188">188</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7d7d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #d7d7d7" href="ColorPalette.html#light_silver/0"> :light_silver </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7d7d7; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d7ff; padding: 1rem; margin-bottom: 1rem" id="color-189">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-189">189</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7d7ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7d7ff" href="ColorPalette.html#fog/0"> :fog </a> ,  <a style="color: black; background_color: #d7d7ff" href="ColorPalette.html#pale_lavender/0"> :pale_lavender </a> ,  <a style="color: black; background_color: #d7d7ff" href="ColorPalette.html#very_pale_blue/0"> :very_pale_blue </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7d7ff; " href="color_groups.html#blue"><span style="font-weight: bold;">Color Group</span>: blue</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ff00; padding: 1rem; margin-bottom: 1rem" id="color-190">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-190">190</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7ff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7ff00" href="ColorPalette.html#chartreuse_yellow/0"> :chartreuse_yellow </a> ,  <a style="color: black; background_color: #d7ff00" href="ColorPalette.html#pure_yellow/0"> :pure_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7ff00; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ff5f; padding: 1rem; margin-bottom: 1rem" id="color-191">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-191">191</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7ff5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7ff5f" href="ColorPalette.html#canary/0"> :canary </a> ,  <a style="color: black; background_color: #d7ff5f" href="ColorPalette.html#maximum_green_yellow/0"> :maximum_green_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7ff5f; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ff87; padding: 1rem; margin-bottom: 1rem" id="color-192">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-192">192</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7ff87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7ff87" href="ColorPalette.html#honeysuckle/0"> :honeysuckle </a> ,  <a style="color: black; background_color: #d7ff87" href="ColorPalette.html#mindaro/0"> :mindaro </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7ff87; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ffaf; padding: 1rem; margin-bottom: 1rem" id="color-193">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-193">193</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7ffaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#pale_green/0"> :pale_green </a> ,  <a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#reef/0"> :reef </a> ,  <a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#tea_green/0"> :tea_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7ffaf; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ffd7; padding: 1rem; margin-bottom: 1rem" id="color-194">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-194">194</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7ffd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7ffd7" href="ColorPalette.html#beige/0"> :beige </a> ,  <a style="color: black; background_color: #d7ffd7" href="ColorPalette.html#nyanza/0"> :nyanza </a> ,  <a style="color: black; background_color: #d7ffd7" href="ColorPalette.html#snowy_mint/0"> :snowy_mint </a> ,  <a style="color: black; background_color: #d7ffd7" href="ColorPalette.html#very_pale_lime_green/0"> :very_pale_lime_green </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7ffd7; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ffff; padding: 1rem; margin-bottom: 1rem" id="color-195">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-195">195</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d7ffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d7ffff" href="ColorPalette.html#light_cyan/0"> :light_cyan </a> ,  <a style="color: black; background_color: #d7ffff" href="ColorPalette.html#oyster_bay/0"> :oyster_bay </a> ,  <a style="color: black; background_color: #d7ffff" href="ColorPalette.html#very_pale_cyan/0"> :very_pale_cyan </a>  </span> </div>
  <div> <a style="color: black; background-color: #d7ffff; " href="color_groups.html#green"><span style="font-weight: bold;">Color Group</span>: green</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff0000; padding: 1rem; margin-bottom: 1rem" id="color-196">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-196">196</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff0000 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff0000" href="ColorPalette.html#light_red/0"> :light_red </a> ,  <a style="color: white; background_color: #ff0000" href="ColorPalette.html#red/0"> :red </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff0000; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff005f; padding: 1rem; margin-bottom: 1rem" id="color-197">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-197">197</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff005f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff005f" href="ColorPalette.html#vivid_raspberry/0"> :vivid_raspberry </a> ,  <a style="color: white; background_color: #ff005f" href="ColorPalette.html#winter_sky/0"> :winter_sky </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff005f; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff0087; padding: 1rem; margin-bottom: 1rem" id="color-198">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-198">198</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff0087 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff0087" href="ColorPalette.html#bright_pink/0"> :bright_pink </a> ,  <a style="color: white; background_color: #ff0087" href="ColorPalette.html#rose/0"> :rose </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff0087; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff00af; padding: 1rem; margin-bottom: 1rem" id="color-199">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-199">199</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff00af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff00af" href="ColorPalette.html#fashion_fuchsia/0"> :fashion_fuchsia </a> ,  <a style="color: white; background_color: #ff00af" href="ColorPalette.html#hollywood_cerise/0"> :hollywood_cerise </a> ,  <a style="color: white; background_color: #ff00af" href="ColorPalette.html#pure_pink/0"> :pure_pink </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff00af; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff00d7; padding: 1rem; margin-bottom: 1rem" id="color-200">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-200">200</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff00d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #ff00d7" href="ColorPalette.html#pure_magenta/0"> :pure_magenta </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff00d7; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff00ff; padding: 1rem; margin-bottom: 1rem" id="color-201">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-201">201</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff00ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#fuchsia/0"> :fuchsia </a> ,  <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#light_magenta_013/0"> :light_magenta_013 </a> ,  <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#magenta/0"> :magenta </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff00ff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5f00; padding: 1rem; margin-bottom: 1rem" id="color-202">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-202">202</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff5f00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff5f00" href="ColorPalette.html#blaze_orange/0"> :blaze_orange </a> ,  <a style="color: black; background_color: #ff5f00" href="ColorPalette.html#orange_red/0"> :orange_red </a> ,  <a style="color: black; background_color: #ff5f00" href="ColorPalette.html#vivid_orange/0"> :vivid_orange </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff5f00; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5f5f; padding: 1rem; margin-bottom: 1rem" id="color-203">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-203">203</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff5f5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff5f5f" href="ColorPalette.html#bittersweet/0"> :bittersweet </a> ,  <a style="color: black; background_color: #ff5f5f" href="ColorPalette.html#pastel_red/0"> :pastel_red </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff5f5f; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5f87; padding: 1rem; margin-bottom: 1rem" id="color-204">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-204">204</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff5f87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff5f87" href="ColorPalette.html#strawberry/0"> :strawberry </a> ,  <a style="color: black; background_color: #ff5f87" href="ColorPalette.html#wild_watermelon/0"> :wild_watermelon </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff5f87; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5faf; padding: 1rem; margin-bottom: 1rem" id="color-205">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-205">205</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff5faf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff5faf" href="ColorPalette.html#hot_pink/0"> :hot_pink </a> ,  <a style="color: black; background_color: #ff5faf" href="ColorPalette.html#light_pink/0"> :light_pink </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff5faf; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff5fd7; padding: 1rem; margin-bottom: 1rem" id="color-206">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-206">206</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff5fd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff5fd7" href="ColorPalette.html#light_deep_pink/0"> :light_deep_pink </a> ,  <a style="color: white; background_color: #ff5fd7" href="ColorPalette.html#purple_pizzazz/0"> :purple_pizzazz </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff5fd7; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5fff; padding: 1rem; margin-bottom: 1rem" id="color-207">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-207">207</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff5fff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff5fff" href="ColorPalette.html#pink_flamingo/0"> :pink_flamingo </a> ,  <a style="color: black; background_color: #ff5fff" href="ColorPalette.html#shocking_pink/0"> :shocking_pink </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff5fff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff8700; padding: 1rem; margin-bottom: 1rem" id="color-208">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-208">208</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff8700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff8700" href="ColorPalette.html#american_orange/0"> :american_orange </a> ,  <a style="color: white; background_color: #ff8700" href="ColorPalette.html#dark_orange/0"> :dark_orange </a> ,  <a style="color: white; background_color: #ff8700" href="ColorPalette.html#flush_orange/0"> :flush_orange </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff8700; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff875f; padding: 1rem; margin-bottom: 1rem" id="color-209">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-209">209</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff875f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #ff875f" href="ColorPalette.html#coral/0"> :coral </a> ,  <a style="color: white; background_color: #ff875f" href="ColorPalette.html#salmon/0"> :salmon </a>  </span> </div>
  <div> <a style="color: white; background-color: #ff875f; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff8787; padding: 1rem; margin-bottom: 1rem" id="color-210">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-210">210</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff8787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff8787" href="ColorPalette.html#tulip/0"> :tulip </a> ,  <a style="color: black; background_color: #ff8787" href="ColorPalette.html#very_light_red/0"> :very_light_red </a> ,  <a style="color: black; background_color: #ff8787" href="ColorPalette.html#vivid_tangerine/0"> :vivid_tangerine </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff8787; " href="color_groups.html#red"><span style="font-weight: bold;">Color Group</span>: red</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff87af; padding: 1rem; margin-bottom: 1rem" id="color-211">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-211">211</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff87af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff87af" href="ColorPalette.html#pink_salmon/0"> :pink_salmon </a> ,  <a style="color: black; background_color: #ff87af" href="ColorPalette.html#tickle_me_pink/0"> :tickle_me_pink </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff87af; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff87d7; padding: 1rem; margin-bottom: 1rem" id="color-212">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-212">212</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff87d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff87d7" href="ColorPalette.html#lavender_rose/0"> :lavender_rose </a> ,  <a style="color: black; background_color: #ff87d7" href="ColorPalette.html#princess_perfume/0"> :princess_perfume </a> ,  <a style="color: black; background_color: #ff87d7" href="ColorPalette.html#very_light_pink/0"> :very_light_pink </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff87d7; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff87ff; padding: 1rem; margin-bottom: 1rem" id="color-213">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-213">213</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ff87ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ff87ff" href="ColorPalette.html#blush_pink/0"> :blush_pink </a> ,  <a style="color: black; background_color: #ff87ff" href="ColorPalette.html#fuchsia_pink/0"> :fuchsia_pink </a> ,  <a style="color: black; background_color: #ff87ff" href="ColorPalette.html#very_light_magenta/0"> :very_light_magenta </a>  </span> </div>
  <div> <a style="color: black; background-color: #ff87ff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffaf00; padding: 1rem; margin-bottom: 1rem" id="color-214">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-214">214</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffaf00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffaf00" href="ColorPalette.html#chinese_yellow/0"> :chinese_yellow </a> ,  <a style="color: black; background_color: #ffaf00" href="ColorPalette.html#orange/0"> :orange </a> ,  <a style="color: black; background_color: #ffaf00" href="ColorPalette.html#pure_orange/0"> :pure_orange </a> ,  <a style="color: black; background_color: #ffaf00" href="ColorPalette.html#yellow_sea/0"> :yellow_sea </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffaf00; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffaf5f; padding: 1rem; margin-bottom: 1rem" id="color-215">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-215">215</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffaf5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffaf5f" href="ColorPalette.html#light_orange/0"> :light_orange </a> ,  <a style="color: black; background_color: #ffaf5f" href="ColorPalette.html#rajah/0"> :rajah </a> ,  <a style="color: black; background_color: #ffaf5f" href="ColorPalette.html#texas_rose/0"> :texas_rose </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffaf5f; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffaf87; padding: 1rem; margin-bottom: 1rem" id="color-216">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-216">216</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffaf87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffaf87" href="ColorPalette.html#hit_pink/0"> :hit_pink </a> ,  <a style="color: black; background_color: #ffaf87" href="ColorPalette.html#macaroni_and_cheese/0"> :macaroni_and_cheese </a> ,  <a style="color: black; background_color: #ffaf87" href="ColorPalette.html#very_light_orange/0"> :very_light_orange </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffaf87; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffafaf; padding: 1rem; margin-bottom: 1rem" id="color-217">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-217">217</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffafaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffafaf" href="ColorPalette.html#melon/0"> :melon </a> ,  <a style="color: black; background_color: #ffafaf" href="ColorPalette.html#pale_red_pink_tone/0"> :pale_red_pink_tone </a> ,  <a style="color: black; background_color: #ffafaf" href="ColorPalette.html#sundown/0"> :sundown </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffafaf; " href="color_groups.html#orange"><span style="font-weight: bold;">Color Group</span>: orange</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffafd7; padding: 1rem; margin-bottom: 1rem" id="color-218">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-218">218</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffafd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffafd7" href="ColorPalette.html#cotton_candy/0"> :cotton_candy </a> ,  <a style="color: black; background_color: #ffafd7" href="ColorPalette.html#lavender_pink/0"> :lavender_pink </a> ,  <a style="color: black; background_color: #ffafd7" href="ColorPalette.html#pale_pink/0"> :pale_pink </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffafd7; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffafff; padding: 1rem; margin-bottom: 1rem" id="color-219">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-219">219</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffafff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffafff" href="ColorPalette.html#pale_magenta/0"> :pale_magenta </a> ,  <a style="color: black; background_color: #ffafff" href="ColorPalette.html#rich_brilliant_lavender/0"> :rich_brilliant_lavender </a> ,  <a style="color: black; background_color: #ffafff" href="ColorPalette.html#shampoo/0"> :shampoo </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffafff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd700; padding: 1rem; margin-bottom: 1rem" id="color-220">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-220">220</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffd700 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #ffd700" href="ColorPalette.html#gold/0"> :gold </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffd700; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd75f; padding: 1rem; margin-bottom: 1rem" id="color-221">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-221">221</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffd75f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffd75f" href="ColorPalette.html#dandelion/0"> :dandelion </a> ,  <a style="color: black; background_color: #ffd75f" href="ColorPalette.html#naples_yellow/0"> :naples_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffd75f; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd787; padding: 1rem; margin-bottom: 1rem" id="color-222">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-222">222</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffd787 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffd787" href="ColorPalette.html#grandis/0"> :grandis </a> ,  <a style="color: black; background_color: #ffd787" href="ColorPalette.html#jasmine/0"> :jasmine </a> ,  <a style="color: black; background_color: #ffd787" href="ColorPalette.html#khaki/0"> :khaki </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffd787; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd7af; padding: 1rem; margin-bottom: 1rem" id="color-223">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-223">223</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffd7af </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffd7af" href="ColorPalette.html#caramel/0"> :caramel </a> ,  <a style="color: black; background_color: #ffd7af" href="ColorPalette.html#moccasin/0"> :moccasin </a> ,  <a style="color: black; background_color: #ffd7af" href="ColorPalette.html#pale_orange/0"> :pale_orange </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffd7af; " href="color_groups.html#brown"><span style="font-weight: bold;">Color Group</span>: brown</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd7d7; padding: 1rem; margin-bottom: 1rem" id="color-224">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-224">224</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffd7d7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#cosmos/0"> :cosmos </a> ,  <a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#misty_rose/0"> :misty_rose </a> ,  <a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#very_pale_red_pink_tone/0"> :very_pale_red_pink_tone </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffd7d7; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd7ff; padding: 1rem; margin-bottom: 1rem" id="color-225">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-225">225</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffd7ff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffd7ff" href="ColorPalette.html#bubble_gum/0"> :bubble_gum </a> ,  <a style="color: black; background_color: #ffd7ff" href="ColorPalette.html#pink_lace/0"> :pink_lace </a> ,  <a style="color: black; background_color: #ffd7ff" href="ColorPalette.html#very_pale_magenta/0"> :very_pale_magenta </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffd7ff; " href="color_groups.html#pink"><span style="font-weight: bold;">Color Group</span>: pink</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff00; padding: 1rem; margin-bottom: 1rem" id="color-226">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-226">226</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffff00 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffff00" href="ColorPalette.html#light_yellow_011/0"> :light_yellow_011 </a> ,  <a style="color: black; background_color: #ffff00" href="ColorPalette.html#yellow/0"> :yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffff00; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff5f; padding: 1rem; margin-bottom: 1rem" id="color-227">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-227">227</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffff5f </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffff5f" href="ColorPalette.html#laser_lemon/0"> :laser_lemon </a> ,  <a style="color: black; background_color: #ffff5f" href="ColorPalette.html#light_yellow/0"> :light_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffff5f; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff87; padding: 1rem; margin-bottom: 1rem" id="color-228">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-228">228</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffff87 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffff87" href="ColorPalette.html#dolly/0"> :dolly </a> ,  <a style="color: black; background_color: #ffff87" href="ColorPalette.html#pastel_yellow/0"> :pastel_yellow </a> ,  <a style="color: black; background_color: #ffff87" href="ColorPalette.html#very_light_yellow/0"> :very_light_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffff87; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffaf; padding: 1rem; margin-bottom: 1rem" id="color-229">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-229">229</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffffaf </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffffaf" href="ColorPalette.html#calamansi/0"> :calamansi </a> ,  <a style="color: black; background_color: #ffffaf" href="ColorPalette.html#pale_yellow/0"> :pale_yellow </a> ,  <a style="color: black; background_color: #ffffaf" href="ColorPalette.html#portafino/0"> :portafino </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffffaf; " href="color_groups.html#yellow"><span style="font-weight: bold;">Color Group</span>: yellow</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffd7; padding: 1rem; margin-bottom: 1rem" id="color-230">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-230">230</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffffd7 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffffd7" href="ColorPalette.html#cream/0"> :cream </a> ,  <a style="color: black; background_color: #ffffd7" href="ColorPalette.html#cumulus/0"> :cumulus </a> ,  <a style="color: black; background_color: #ffffd7" href="ColorPalette.html#very_pale_yellow/0"> :very_pale_yellow </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffffd7; " href="color_groups.html#white"><span style="font-weight: bold;">Color Group</span>: white</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffff; padding: 1rem; margin-bottom: 1rem" id="color-231">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-231">231</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #ffffff </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #ffffff" href="ColorPalette.html#light_white/0"> :light_white </a> ,  <a style="color: black; background_color: #ffffff" href="ColorPalette.html#white/0"> :white </a>  </span> </div>
  <div> <a style="color: black; background-color: #ffffff; " href="color_groups.html#white"><span style="font-weight: bold;">Color Group</span>: white</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #080808; padding: 1rem; margin-bottom: 1rem" id="color-232">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-232">232</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #080808 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #080808" href="ColorPalette.html#vampire_black/0"> :vampire_black </a>  </span> </div>
  <div> <a style="color: white; background-color: #080808; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #121212; padding: 1rem; margin-bottom: 1rem" id="color-233">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-233">233</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #121212 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #121212" href="ColorPalette.html#chinese_black/0"> :chinese_black </a> ,  <a style="color: white; background_color: #121212" href="ColorPalette.html#cod_gray/0"> :cod_gray </a>  </span> </div>
  <div> <a style="color: white; background-color: #121212; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #1c1c1c; padding: 1rem; margin-bottom: 1rem" id="color-234">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-234">234</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #1c1c1c </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #1c1c1c" href="ColorPalette.html#eerie_black/0"> :eerie_black </a>  </span> </div>
  <div> <a style="color: white; background-color: #1c1c1c; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #262626; padding: 1rem; margin-bottom: 1rem" id="color-235">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-235">235</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #262626 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #262626" href="ColorPalette.html#raisin_black/0"> :raisin_black </a>  </span> </div>
  <div> <a style="color: white; background-color: #262626; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #303030; padding: 1rem; margin-bottom: 1rem" id="color-236">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-236">236</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #303030 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #303030" href="ColorPalette.html#dark_charcoal/0"> :dark_charcoal </a>  </span> </div>
  <div> <a style="color: white; background-color: #303030; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #3a3a3a; padding: 1rem; margin-bottom: 1rem" id="color-237">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-237">237</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #3a3a3a </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #3a3a3a" href="ColorPalette.html#black_olive/0"> :black_olive </a> ,  <a style="color: white; background_color: #3a3a3a" href="ColorPalette.html#mine_shaft/0"> :mine_shaft </a>  </span> </div>
  <div> <a style="color: white; background-color: #3a3a3a; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #444444; padding: 1rem; margin-bottom: 1rem" id="color-238">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-238">238</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #444444 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #444444" href="ColorPalette.html#outer_space/0"> :outer_space </a>  </span> </div>
  <div> <a style="color: white; background-color: #444444; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #4e4e4e; padding: 1rem; margin-bottom: 1rem" id="color-239">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-239">239</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #4e4e4e </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #4e4e4e" href="ColorPalette.html#dark_liver/0"> :dark_liver </a> ,  <a style="color: white; background_color: #4e4e4e" href="ColorPalette.html#tundora/0"> :tundora </a>  </span> </div>
  <div> <a style="color: white; background-color: #4e4e4e; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #585858; padding: 1rem; margin-bottom: 1rem" id="color-240">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-240">240</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #585858 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #585858" href="ColorPalette.html#davys_grey/0"> :davys_grey </a>  </span> </div>
  <div> <a style="color: white; background-color: #585858; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #626262; padding: 1rem; margin-bottom: 1rem" id="color-241">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-241">241</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #626262 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #626262" href="ColorPalette.html#granite_gray/0"> :granite_gray </a> ,  <a style="color: white; background_color: #626262" href="ColorPalette.html#very_dark_gray/0"> :very_dark_gray </a>  </span> </div>
  <div> <a style="color: white; background-color: #626262; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #6c6c6c; padding: 1rem; margin-bottom: 1rem" id="color-242">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-242">242</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #6c6c6c </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #6c6c6c" href="ColorPalette.html#dim_gray/0"> :dim_gray </a> ,  <a style="color: white; background_color: #6c6c6c" href="ColorPalette.html#dove_gray/0"> :dove_gray </a>  </span> </div>
  <div> <a style="color: white; background-color: #6c6c6c; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #767676; padding: 1rem; margin-bottom: 1rem" id="color-243">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-243">243</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #767676 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: white; background_color: #767676" href="ColorPalette.html#boulder/0"> :boulder </a> ,  <a style="color: white; background_color: #767676" href="ColorPalette.html#sonic_silver/0"> :sonic_silver </a>  </span> </div>
  <div> <a style="color: white; background-color: #767676; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #808080; padding: 1rem; margin-bottom: 1rem" id="color-244">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-244">244</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #808080 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #808080" href="ColorPalette.html#gray/0"> :gray </a> ,  <a style="color: black; background_color: #808080" href="ColorPalette.html#light_black/0"> :light_black </a>  </span> </div>
  <div> <a style="color: black; background-color: #808080; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8a8a8a; padding: 1rem; margin-bottom: 1rem" id="color-245">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-245">245</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #8a8a8a </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #8a8a8a" href="ColorPalette.html#philippine_gray/0"> :philippine_gray </a>  </span> </div>
  <div> <a style="color: white; background-color: #8a8a8a; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #949494; padding: 1rem; margin-bottom: 1rem" id="color-246">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-246">246</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #949494 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #949494" href="ColorPalette.html#dusty_gray/0"> :dusty_gray </a>  </span> </div>
  <div> <a style="color: white; background-color: #949494; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #9e9e9e; padding: 1rem; margin-bottom: 1rem" id="color-247">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: white;" href="ansi_color_codes.html#color-247">247</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #9e9e9e </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: white; background_color: #9e9e9e" href="ColorPalette.html#spanish_gray/0"> :spanish_gray </a>  </span> </div>
  <div> <a style="color: white; background-color: #9e9e9e; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #a8a8a8; padding: 1rem; margin-bottom: 1rem" id="color-248">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-248">248</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #a8a8a8 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #a8a8a8" href="ColorPalette.html#dark_gray/0"> :dark_gray </a> ,  <a style="color: black; background_color: #a8a8a8" href="ColorPalette.html#quick_silver/0"> :quick_silver </a>  </span> </div>
  <div> <a style="color: black; background-color: #a8a8a8; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #b2b2b2; padding: 1rem; margin-bottom: 1rem" id="color-249">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-249">249</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #b2b2b2 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #b2b2b2" href="ColorPalette.html#philippine_silver/0"> :philippine_silver </a> ,  <a style="color: black; background_color: #b2b2b2" href="ColorPalette.html#silver_chalice/0"> :silver_chalice </a>  </span> </div>
  <div> <a style="color: black; background-color: #b2b2b2; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #bcbcbc; padding: 1rem; margin-bottom: 1rem" id="color-250">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-250">250</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #bcbcbc </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #bcbcbc" href="ColorPalette.html#silver/0"> :silver </a>  </span> </div>
  <div> <a style="color: black; background-color: #bcbcbc; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #c6c6c6; padding: 1rem; margin-bottom: 1rem" id="color-251">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-251">251</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #c6c6c6 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Name:</span> <span>  <a style="color: black; background_color: #c6c6c6" href="ColorPalette.html#silver_sand/0"> :silver_sand </a>  </span> </div>
  <div> <a style="color: black; background-color: #c6c6c6; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d0d0d0; padding: 1rem; margin-bottom: 1rem" id="color-252">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-252">252</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #d0d0d0 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #d0d0d0" href="ColorPalette.html#american_silver/0"> :american_silver </a> ,  <a style="color: black; background_color: #d0d0d0" href="ColorPalette.html#light_gray/0"> :light_gray </a>  </span> </div>
  <div> <a style="color: black; background-color: #d0d0d0; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #dadada; padding: 1rem; margin-bottom: 1rem" id="color-253">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-253">253</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #dadada </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #dadada" href="ColorPalette.html#alto/0"> :alto </a> ,  <a style="color: black; background_color: #dadada" href="ColorPalette.html#gainsboro/0"> :gainsboro </a>  </span> </div>
  <div> <a style="color: black; background-color: #dadada; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #e4e4e4; padding: 1rem; margin-bottom: 1rem" id="color-254">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-254">254</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #e4e4e4 </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #e4e4e4" href="ColorPalette.html#mercury/0"> :mercury </a> ,  <a style="color: black; background_color: #e4e4e4" href="ColorPalette.html#platinum/0"> :platinum </a>  </span> </div>
  <div> <a style="color: black; background-color: #e4e4e4; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>


<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #eeeeee; padding: 1rem; margin-bottom: 1rem" id="color-255">
  <div style="display: flex; flex-direction: row; width: 16rem;"><div style="margin-right: 2rem; font-weight: bold;"><a style="color: black;" href="ansi_color_codes.html#color-255">255</a></div> <div style="margin-right: 2rem; white-space: nowrap;"><span style="font-weight: bold;">Hex: </span> #eeeeee </div></div>
  <div style="display: flex; flex-direction: row; margin-right: 1rem;"><span style="font-weight: bold; margin-right: 1rem;">Color Names:</span> <span>  <a style="color: black; background_color: #eeeeee" href="ColorPalette.html#bright_gray/0"> :bright_gray </a> ,  <a style="color: black; background_color: #eeeeee" href="ColorPalette.html#gallery/0"> :gallery </a> ,  <a style="color: black; background_color: #eeeeee" href="ColorPalette.html#very_light_gray/0"> :very_light_gray </a>  </span> </div>
  <div> <a style="color: black; background-color: #eeeeee; " href="color_groups.html#gray_and_black"><span style="font-weight: bold;">Color Group</span>: gray_and_black</a> </div>
</div>