# Color Groups
Based on the [web extended colors](https://en.wikipedia.org/wiki/Web_colors#Extended_colors)
although the colors were grouped by hand by the `ColorPalette` author.
<div style="margin-top: 5rem;" id=blue />
## Blue (37 colors)
<div style="color: white; background-color: #000080; padding: 0.5rem;" id="color-4">
<span style="margin-right: 2rem; font-weight: bold;">4:</span>
<span style="margin-right: 2rem;">Hex: #000080 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000080" href="ColorPalette.html#blue_000080/0">
:blue_000080
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #0000ff; padding: 0.5rem;" id="color-12">
<span style="margin-right: 2rem; font-weight: bold;">12:</span>
<span style="margin-right: 2rem;">Hex: #0000ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0000ff" href="ColorPalette.html#light_blue/0">
:light_blue
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #00005f; padding: 0.5rem;" id="color-17">
<span style="margin-right: 2rem; font-weight: bold;">17:</span>
<span style="margin-right: 2rem;">Hex: #00005f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #00005f" href="ColorPalette.html#fuzzy_wuzzy/0">
:fuzzy_wuzzy
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #000087; padding: 0.5rem;" id="color-18">
<span style="margin-right: 2rem; font-weight: bold;">18:</span>
<span style="margin-right: 2rem;">Hex: #000087 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000087" href="ColorPalette.html#navy_blue/0">
:navy_blue
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #0000af; padding: 0.5rem;" id="color-19">
<span style="margin-right: 2rem; font-weight: bold;">19:</span>
<span style="margin-right: 2rem;">Hex: #0000af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: white; background-color: #0000d7; padding: 0.5rem;" id="color-20">
<span style="margin-right: 2rem; font-weight: bold;">20:</span>
<span style="margin-right: 2rem;">Hex: #0000d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0000d7" href="ColorPalette.html#medium_blue/0">
:medium_blue
</a>
, <a style="color: white; background_color: #0000d7" href="ColorPalette.html#dark_blue/0">
:dark_blue
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #0000ff; padding: 0.5rem;" id="color-21">
<span style="margin-right: 2rem; font-weight: bold;">21:</span>
<span style="margin-right: 2rem;">Hex: #0000ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0000ff" href="ColorPalette.html#blue_0000ff/0">
:blue_0000ff
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #005f87; padding: 0.5rem;" id="color-24">
<span style="margin-right: 2rem; font-weight: bold;">24:</span>
<span style="margin-right: 2rem;">Hex: #005f87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005f87" href="ColorPalette.html#sea_blue/0">
:sea_blue
</a>
, <a style="color: white; background_color: #005f87" href="ColorPalette.html#orient/0">
:orient
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #005faf; padding: 0.5rem;" id="color-25">
<span style="margin-right: 2rem; font-weight: bold;">25:</span>
<span style="margin-right: 2rem;">Hex: #005faf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005faf" href="ColorPalette.html#medium_persian_blue/0">
:medium_persian_blue
</a>
, <a style="color: white; background_color: #005faf" href="ColorPalette.html#endeavour/0">
:endeavour
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #005fd7; padding: 0.5rem;" id="color-26">
<span style="margin-right: 2rem; font-weight: bold;">26:</span>
<span style="margin-right: 2rem;">Hex: #005fd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: white; background-color: #005fff; padding: 0.5rem;" id="color-27">
<span style="margin-right: 2rem; font-weight: bold;">27:</span>
<span style="margin-right: 2rem;">Hex: #005fff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005fff" href="ColorPalette.html#brandeis_blue/0">
:brandeis_blue
</a>
, <a style="color: white; background_color: #005fff" href="ColorPalette.html#blue_ribbon/0">
:blue_ribbon
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #0087af; padding: 0.5rem;" id="color-31">
<span style="margin-right: 2rem; font-weight: bold;">31:</span>
<span style="margin-right: 2rem;">Hex: #0087af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #0087af" href="ColorPalette.html#steel_blue/0">
:steel_blue
</a>
, <a style="color: black; background_color: #0087af" href="ColorPalette.html#blue/0">
:blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #0087d7; padding: 0.5rem;" id="color-32">
<span style="margin-right: 2rem; font-weight: bold;">32:</span>
<span style="margin-right: 2rem;">Hex: #0087d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #0087d7" href="ColorPalette.html#lochmara/0">
:lochmara
</a>
, <a style="color: black; background_color: #0087d7" href="ColorPalette.html#blue_cola/0">
:blue_cola
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #0087ff; padding: 0.5rem;" id="color-33">
<span style="margin-right: 2rem; font-weight: bold;">33:</span>
<span style="margin-right: 2rem;">Hex: #0087ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0087ff" href="ColorPalette.html#azure/0">
:azure
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00afd7; padding: 0.5rem;" id="color-38">
<span style="margin-right: 2rem; font-weight: bold;">38:</span>
<span style="margin-right: 2rem;">Hex: #00afd7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00afd7" href="ColorPalette.html#cerulean/0">
:cerulean
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00afff; padding: 0.5rem;" id="color-39">
<span style="margin-right: 2rem; font-weight: bold;">39:</span>
<span style="margin-right: 2rem;">Hex: #00afff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00afff" href="ColorPalette.html#azure_radiance/0">
:azure_radiance
</a>
, <a style="color: black; background_color: #00afff" href="ColorPalette.html#blue_bolt/0">
:blue_bolt
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00d7ff; padding: 0.5rem;" id="color-45">
<span style="margin-right: 2rem; font-weight: bold;">45:</span>
<span style="margin-right: 2rem;">Hex: #00d7ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d7ff" href="ColorPalette.html#vivid_sky_blue/0">
:vivid_sky_blue
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f5f87; padding: 0.5rem;" id="color-60">
<span style="margin-right: 2rem; font-weight: bold;">60:</span>
<span style="margin-right: 2rem;">Hex: #5f5f87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5f87" href="ColorPalette.html#ucla_blue/0">
:ucla_blue
</a>
, <a style="color: white; background_color: #5f5f87" href="ColorPalette.html#comet/0">
:comet
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f5faf; padding: 0.5rem;" id="color-61">
<span style="margin-right: 2rem; font-weight: bold;">61:</span>
<span style="margin-right: 2rem;">Hex: #5f5faf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: white; background-color: #5f5fd7; padding: 0.5rem;" id="color-62">
<span style="margin-right: 2rem; font-weight: bold;">62:</span>
<span style="margin-right: 2rem;">Hex: #5f5fd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5fd7" href="ColorPalette.html#slate_blue/0">
:slate_blue
</a>
, <a style="color: white; background_color: #5f5fd7" href="ColorPalette.html#indigo/0">
:indigo
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f5fff; padding: 0.5rem;" id="color-63">
<span style="margin-right: 2rem; font-weight: bold;">63:</span>
<span style="margin-right: 2rem;">Hex: #5f5fff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5fff" href="ColorPalette.html#very_light_blue/0">
:very_light_blue
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f87af; padding: 0.5rem;" id="color-67">
<span style="margin-right: 2rem; font-weight: bold;">67:</span>
<span style="margin-right: 2rem;">Hex: #5f87af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f87af" href="ColorPalette.html#rackley/0">
:rackley
</a>
, <a style="color: white; background_color: #5f87af" href="ColorPalette.html#hippie_blue/0">
:hippie_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5f87d7; padding: 0.5rem;" id="color-68">
<span style="margin-right: 2rem; font-weight: bold;">68:</span>
<span style="margin-right: 2rem;">Hex: #5f87d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#united_nations_blue/0">
:united_nations_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5f87ff; padding: 0.5rem;" id="color-69">
<span style="margin-right: 2rem; font-weight: bold;">69:</span>
<span style="margin-right: 2rem;">Hex: #5f87ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5f87ff" href="ColorPalette.html#blueberry_5f87ff/0">
:blueberry_5f87ff
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fafaf; padding: 0.5rem;" id="color-73">
<span style="margin-right: 2rem; font-weight: bold;">73:</span>
<span style="margin-right: 2rem;">Hex: #5fafaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fafaf" href="ColorPalette.html#tradewind/0">
:tradewind
</a>
, <a style="color: black; background_color: #5fafaf" href="ColorPalette.html#crystal_blue/0">
:crystal_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fafd7; padding: 0.5rem;" id="color-74">
<span style="margin-right: 2rem; font-weight: bold;">74:</span>
<span style="margin-right: 2rem;">Hex: #5fafd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#aqua_pearl/0">
:aqua_pearl
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fafff; padding: 0.5rem;" id="color-75">
<span style="margin-right: 2rem; font-weight: bold;">75:</span>
<span style="margin-right: 2rem;">Hex: #5fafff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fafff" href="ColorPalette.html#blue_jeans/0">
:blue_jeans
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fd7ff; padding: 0.5rem;" id="color-81">
<span style="margin-right: 2rem; font-weight: bold;">81:</span>
<span style="margin-right: 2rem;">Hex: #5fd7ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd7ff" href="ColorPalette.html#maya_blue/0">
:maya_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #8787af; padding: 0.5rem;" id="color-103">
<span style="margin-right: 2rem; font-weight: bold;">103:</span>
<span style="margin-right: 2rem;">Hex: #8787af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #8787af" href="ColorPalette.html#shadow_blue/0">
:shadow_blue
</a>
, <a style="color: black; background_color: #8787af" href="ColorPalette.html#cool_grey/0">
:cool_grey
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #8787d7; padding: 0.5rem;" id="color-104">
<span style="margin-right: 2rem; font-weight: bold;">104:</span>
<span style="margin-right: 2rem;">Hex: #8787d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #8787ff; padding: 0.5rem;" id="color-105">
<span style="margin-right: 2rem; font-weight: bold;">105:</span>
<span style="margin-right: 2rem;">Hex: #8787ff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #8787ff" href="ColorPalette.html#blueberry/0">
:blueberry
</a>
, <a style="color: black; background_color: #8787ff" href="ColorPalette.html#violets_are_blue/0">
:violets_are_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87afd7; padding: 0.5rem;" id="color-110">
<span style="margin-right: 2rem; font-weight: bold;">110:</span>
<span style="margin-right: 2rem;">Hex: #87afd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#light_cobalt_blue/0">
:light_cobalt_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87afff; padding: 0.5rem;" id="color-111">
<span style="margin-right: 2rem; font-weight: bold;">111:</span>
<span style="margin-right: 2rem;">Hex: #87afff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #afafd7; padding: 0.5rem;" id="color-146">
<span style="margin-right: 2rem; font-weight: bold;">146:</span>
<span style="margin-right: 2rem;">Hex: #afafd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afafd7" href="ColorPalette.html#wistful/0">
:wistful
</a>
, <a style="color: black; background_color: #afafd7" href="ColorPalette.html#wild_blue_yonder/0">
:wild_blue_yonder
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afafff; padding: 0.5rem;" id="color-147">
<span style="margin-right: 2rem; font-weight: bold;">147:</span>
<span style="margin-right: 2rem;">Hex: #afafff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afafff" href="ColorPalette.html#melrose/0">
:melrose
</a>
, <a style="color: black; background_color: #afafff" href="ColorPalette.html#maximum_blue_purple/0">
:maximum_blue_purple
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afd7ff; padding: 0.5rem;" id="color-153">
<span style="margin-right: 2rem; font-weight: bold;">153:</span>
<span style="margin-right: 2rem;">Hex: #afd7ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd7ff" href="ColorPalette.html#fresh_air_afd7ff/0">
:fresh_air_afd7ff
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7d7ff; padding: 0.5rem;" id="color-189">
<span style="margin-right: 2rem; font-weight: bold;">189:</span>
<span style="margin-right: 2rem;">Hex: #d7d7ff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#fog/0">
:fog
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=brown />
## Brown (17 colors)
<div style="color: white; background-color: #875f00; padding: 0.5rem;" id="color-94">
<span style="margin-right: 2rem; font-weight: bold;">94:</span>
<span style="margin-right: 2rem;">Hex: #875f00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #875f00" href="ColorPalette.html#gamboge_orange/0">
:gamboge_orange
</a>
, <a style="color: white; background_color: #875f00" href="ColorPalette.html#brown/0">
:brown
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #875f5f; padding: 0.5rem;" id="color-95">
<span style="margin-right: 2rem; font-weight: bold;">95:</span>
<span style="margin-right: 2rem;">Hex: #875f5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: white; background-color: #af5f00; padding: 0.5rem;" id="color-130">
<span style="margin-right: 2rem; font-weight: bold;">130:</span>
<span style="margin-right: 2rem;">Hex: #af5f00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5f00" href="ColorPalette.html#windsor_tan/0">
:windsor_tan
</a>
, <a style="color: white; background_color: #af5f00" href="ColorPalette.html#rose_of_sharon/0">
:rose_of_sharon
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af5f5f; padding: 0.5rem;" id="color-131">
<span style="margin-right: 2rem; font-weight: bold;">131:</span>
<span style="margin-right: 2rem;">Hex: #af5f5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: white; background-color: #af8700; padding: 0.5rem;" id="color-136">
<span style="margin-right: 2rem; font-weight: bold;">136:</span>
<span style="margin-right: 2rem;">Hex: #af8700 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #af875f; padding: 0.5rem;" id="color-137">
<span style="margin-right: 2rem; font-weight: bold;">137:</span>
<span style="margin-right: 2rem;">Hex: #af875f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af875f" href="ColorPalette.html#muesli/0">
:muesli
</a>
, <a style="color: black; background_color: #af875f" href="ColorPalette.html#bronze/0">
:bronze
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #af8787; padding: 0.5rem;" id="color-138">
<span style="margin-right: 2rem; font-weight: bold;">138:</span>
<span style="margin-right: 2rem;">Hex: #af8787 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af8787" href="ColorPalette.html#pharlap/0">
:pharlap
</a>
, <a style="color: black; background_color: #af8787" href="ColorPalette.html#english_lavender/0">
:english_lavender
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afaf00; padding: 0.5rem;" id="color-142">
<span style="margin-right: 2rem; font-weight: bold;">142:</span>
<span style="margin-right: 2rem;">Hex: #afaf00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afaf00" href="ColorPalette.html#light_gold/0">
:light_gold
</a>
, <a style="color: black; background_color: #afaf00" href="ColorPalette.html#buddha_gold/0">
:buddha_gold
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afaf87; padding: 0.5rem;" id="color-144">
<span style="margin-right: 2rem; font-weight: bold;">144:</span>
<span style="margin-right: 2rem;">Hex: #afaf87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #d78700; padding: 0.5rem;" id="color-172">
<span style="margin-right: 2rem; font-weight: bold;">172:</span>
<span style="margin-right: 2rem;">Hex: #d78700 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d78700" href="ColorPalette.html#mango_tango/0">
:mango_tango
</a>
, <a style="color: black; background_color: #d78700" href="ColorPalette.html#harvest_gold/0">
:harvest_gold
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7875f; padding: 0.5rem;" id="color-173">
<span style="margin-right: 2rem; font-weight: bold;">173:</span>
<span style="margin-right: 2rem;">Hex: #d7875f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7875f" href="ColorPalette.html#raw_sienna/0">
:raw_sienna
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7af00; padding: 0.5rem;" id="color-178">
<span style="margin-right: 2rem; font-weight: bold;">178:</span>
<span style="margin-right: 2rem;">Hex: #d7af00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7af00" href="ColorPalette.html#mustard_yellow/0">
:mustard_yellow
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7af5f; padding: 0.5rem;" id="color-179">
<span style="margin-right: 2rem; font-weight: bold;">179:</span>
<span style="margin-right: 2rem;">Hex: #d7af5f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7af5f" href="ColorPalette.html#earth_yellow/0">
:earth_yellow
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7af87; padding: 0.5rem;" id="color-180">
<span style="margin-right: 2rem; font-weight: bold;">180:</span>
<span style="margin-right: 2rem;">Hex: #d7af87 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7af87" href="ColorPalette.html#tan/0">
:tan
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7afaf; padding: 0.5rem;" id="color-181">
<span style="margin-right: 2rem; font-weight: bold;">181:</span>
<span style="margin-right: 2rem;">Hex: #d7afaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#pale_chestnut/0">
:pale_chestnut
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffd787; padding: 0.5rem;" id="color-222">
<span style="margin-right: 2rem; font-weight: bold;">222:</span>
<span style="margin-right: 2rem;">Hex: #ffd787 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #ffd7af; padding: 0.5rem;" id="color-223">
<span style="margin-right: 2rem; font-weight: bold;">223:</span>
<span style="margin-right: 2rem;">Hex: #ffd7af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd7af" href="ColorPalette.html#caramel/0">
:caramel
</a>
, <a style="color: black; background_color: #ffd7af" href="ColorPalette.html#light_orange/0">
:light_orange
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=cyan />
## Cyan (19 colors)
<div style="color: white; background-color: #008080; padding: 0.5rem;" id="color-6">
<span style="margin-right: 2rem; font-weight: bold;">6:</span>
<span style="margin-right: 2rem;">Hex: #008080 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #008080" href="ColorPalette.html#cyan_008080/0">
:cyan_008080
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00ffff; padding: 0.5rem;" id="color-14">
<span style="margin-right: 2rem; font-weight: bold;">14:</span>
<span style="margin-right: 2rem;">Hex: #00ffff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ffff" href="ColorPalette.html#light_cyan_00ffff/0">
:light_cyan_00ffff
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #008787; padding: 0.5rem;" id="color-30">
<span style="margin-right: 2rem; font-weight: bold;">30:</span>
<span style="margin-right: 2rem;">Hex: #008787 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #008787" href="ColorPalette.html#teal/0">
:teal
</a>
, <a style="color: black; background_color: #008787" href="ColorPalette.html#dark_cyan/0">
:dark_cyan
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #00afaf; padding: 0.5rem;" id="color-37">
<span style="margin-right: 2rem; font-weight: bold;">37:</span>
<span style="margin-right: 2rem;">Hex: #00afaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #00afaf" href="ColorPalette.html#tiffany_blue/0">
:tiffany_blue
</a>
, <a style="color: white; background_color: #00afaf" href="ColorPalette.html#bondi_blue/0">
:bondi_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00d7d7; padding: 0.5rem;" id="color-44">
<span style="margin-right: 2rem; font-weight: bold;">44:</span>
<span style="margin-right: 2rem;">Hex: #00d7d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d7d7" href="ColorPalette.html#robins_egg_blue/0">
:robins_egg_blue
</a>
, <a style="color: black; background_color: #00d7d7" href="ColorPalette.html#dark_turquoise/0">
:dark_turquoise
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00ffff; padding: 0.5rem;" id="color-51">
<span style="margin-right: 2rem; font-weight: bold;">51:</span>
<span style="margin-right: 2rem;">Hex: #00ffff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ffff" href="ColorPalette.html#cyan/0">
:cyan
</a>
, <a style="color: black; background_color: #00ffff" href="ColorPalette.html#aqua/0">
:aqua
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5f8787; padding: 0.5rem;" id="color-66">
<span style="margin-right: 2rem; font-weight: bold;">66:</span>
<span style="margin-right: 2rem;">Hex: #5f8787 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5f8787" href="ColorPalette.html#steel_teal/0">
:steel_teal
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fd7d7; padding: 0.5rem;" id="color-80">
<span style="margin-right: 2rem; font-weight: bold;">80:</span>
<span style="margin-right: 2rem;">Hex: #5fd7d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#viking/0">
:viking
</a>
, <a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#medium_turquoise/0">
:medium_turquoise
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fffd7; padding: 0.5rem;" id="color-86">
<span style="margin-right: 2rem; font-weight: bold;">86:</span>
<span style="margin-right: 2rem;">Hex: #5fffd7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fffd7" href="ColorPalette.html#aquamarine_5fffd7/0">
:aquamarine_5fffd7
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fffff; padding: 0.5rem;" id="color-87">
<span style="margin-right: 2rem; font-weight: bold;">87:</span>
<span style="margin-right: 2rem;">Hex: #5fffff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fffff" href="ColorPalette.html#aquamarine_5fffff/0">
:aquamarine_5fffff
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87afaf; padding: 0.5rem;" id="color-109">
<span style="margin-right: 2rem; font-weight: bold;">109:</span>
<span style="margin-right: 2rem;">Hex: #87afaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87afaf" href="ColorPalette.html#pewter_blue/0">
:pewter_blue
</a>
, <a style="color: black; background_color: #87afaf" href="ColorPalette.html#gulf_stream/0">
:gulf_stream
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87d7af; padding: 0.5rem;" id="color-115">
<span style="margin-right: 2rem; font-weight: bold;">115:</span>
<span style="margin-right: 2rem;">Hex: #87d7af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #87d7d7; padding: 0.5rem;" id="color-116">
<span style="margin-right: 2rem; font-weight: bold;">116:</span>
<span style="margin-right: 2rem;">Hex: #87d7d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#bermuda/0">
:bermuda
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87d7ff; padding: 0.5rem;" id="color-117">
<span style="margin-right: 2rem; font-weight: bold;">117:</span>
<span style="margin-right: 2rem;">Hex: #87d7ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d7ff" href="ColorPalette.html#pale_cyan/0">
:pale_cyan
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87ffd7; padding: 0.5rem;" id="color-122">
<span style="margin-right: 2rem; font-weight: bold;">122:</span>
<span style="margin-right: 2rem;">Hex: #87ffd7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ffd7" href="ColorPalette.html#aquamarine/0">
:aquamarine
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87ffff; padding: 0.5rem;" id="color-123">
<span style="margin-right: 2rem; font-weight: bold;">123:</span>
<span style="margin-right: 2rem;">Hex: #87ffff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#anakiwa/0">
:anakiwa
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afd7d7; padding: 0.5rem;" id="color-152">
<span style="margin-right: 2rem; font-weight: bold;">152:</span>
<span style="margin-right: 2rem;">Hex: #afd7d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd7d7" href="ColorPalette.html#jungle_mist/0">
:jungle_mist
</a>
, <a style="color: black; background_color: #afd7d7" href="ColorPalette.html#crystal/0">
:crystal
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afffd7; padding: 0.5rem;" id="color-158">
<span style="margin-right: 2rem; font-weight: bold;">158:</span>
<span style="margin-right: 2rem;">Hex: #afffd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afffd7" href="ColorPalette.html#magic_mint/0">
:magic_mint
</a>
, <a style="color: black; background_color: #afffd7" href="ColorPalette.html#aero_blue/0">
:aero_blue
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afffff; padding: 0.5rem;" id="color-159">
<span style="margin-right: 2rem; font-weight: bold;">159:</span>
<span style="margin-right: 2rem;">Hex: #afffff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afffff" href="ColorPalette.html#celeste/0">
:celeste
</a>
, <a style="color: black; background_color: #afffff" href="ColorPalette.html#fresh_air/0">
:fresh_air
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=gray_and_black />
## Gray and Black (32 colors)
<div style="color: white; background-color: #000000; padding: 0.5rem;" id="color-0">
<span style="margin-right: 2rem; font-weight: bold;">0:</span>
<span style="margin-right: 2rem;">Hex: #000000 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000000" href="ColorPalette.html#black_000000/0">
:black_000000
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #c0c0c0; padding: 0.5rem;" id="color-7">
<span style="margin-right: 2rem; font-weight: bold;">7:</span>
<span style="margin-right: 2rem;">Hex: #c0c0c0 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #c0c0c0" href="ColorPalette.html#argent/0">
:argent
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #808080; padding: 0.5rem;" id="color-8">
<span style="margin-right: 2rem; font-weight: bold;">8:</span>
<span style="margin-right: 2rem;">Hex: #808080 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #808080" href="ColorPalette.html#light_black/0">
:light_black
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #000000; padding: 0.5rem;" id="color-16">
<span style="margin-right: 2rem; font-weight: bold;">16:</span>
<span style="margin-right: 2rem;">Hex: #000000 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000000" href="ColorPalette.html#black/0">
:black
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f5f5f; padding: 0.5rem;" id="color-59">
<span style="margin-right: 2rem; font-weight: bold;">59:</span>
<span style="margin-right: 2rem;">Hex: #5f5f5f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5f5f" href="ColorPalette.html#granite_gray_5f5f5f/0">
:granite_gray_5f5f5f
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #878787; padding: 0.5rem;" id="color-102">
<span style="margin-right: 2rem; font-weight: bold;">102:</span>
<span style="margin-right: 2rem;">Hex: #878787 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #878787" href="ColorPalette.html#taupe_gray/0">
:taupe_gray
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afafaf; padding: 0.5rem;" id="color-145">
<span style="margin-right: 2rem; font-weight: bold;">145:</span>
<span style="margin-right: 2rem;">Hex: #afafaf </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afafaf" href="ColorPalette.html#silver_foil/0">
:silver_foil
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7d7d7; padding: 0.5rem;" id="color-188">
<span style="margin-right: 2rem; font-weight: bold;">188:</span>
<span style="margin-right: 2rem;">Hex: #d7d7d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d7d7" href="ColorPalette.html#light_silver/0">
:light_silver
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #080808; padding: 0.5rem;" id="color-232">
<span style="margin-right: 2rem; font-weight: bold;">232:</span>
<span style="margin-right: 2rem;">Hex: #080808 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #080808" href="ColorPalette.html#vampire_black/0">
:vampire_black
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #121212; padding: 0.5rem;" id="color-233">
<span style="margin-right: 2rem; font-weight: bold;">233:</span>
<span style="margin-right: 2rem;">Hex: #121212 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #121212" href="ColorPalette.html#cod_gray/0">
:cod_gray
</a>
, <a style="color: white; background_color: #121212" href="ColorPalette.html#chinese_black/0">
:chinese_black
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #1c1c1c; padding: 0.5rem;" id="color-234">
<span style="margin-right: 2rem; font-weight: bold;">234:</span>
<span style="margin-right: 2rem;">Hex: #1c1c1c </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #1c1c1c" href="ColorPalette.html#eerie_black_1c1c1c/0">
:eerie_black_1c1c1c
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #262626; padding: 0.5rem;" id="color-235">
<span style="margin-right: 2rem; font-weight: bold;">235:</span>
<span style="margin-right: 2rem;">Hex: #262626 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #262626" href="ColorPalette.html#eerie_black/0">
:eerie_black
</a>
, <a style="color: white; background_color: #262626" href="ColorPalette.html#raisin_black/0">
:raisin_black
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #303030; padding: 0.5rem;" id="color-236">
<span style="margin-right: 2rem; font-weight: bold;">236:</span>
<span style="margin-right: 2rem;">Hex: #303030 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #303030" href="ColorPalette.html#dark_charcoal/0">
:dark_charcoal
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #3a3a3a; padding: 0.5rem;" id="color-237">
<span style="margin-right: 2rem; font-weight: bold;">237:</span>
<span style="margin-right: 2rem;">Hex: #3a3a3a </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #3a3a3a" href="ColorPalette.html#mine_shaft/0">
:mine_shaft
</a>
, <a style="color: white; background_color: #3a3a3a" href="ColorPalette.html#black_olive/0">
:black_olive
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #444444; padding: 0.5rem;" id="color-238">
<span style="margin-right: 2rem; font-weight: bold;">238:</span>
<span style="margin-right: 2rem;">Hex: #444444 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #444444" href="ColorPalette.html#outer_space/0">
:outer_space
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #4e4e4e; padding: 0.5rem;" id="color-239">
<span style="margin-right: 2rem; font-weight: bold;">239:</span>
<span style="margin-right: 2rem;">Hex: #4e4e4e </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #4e4e4e" href="ColorPalette.html#tundora/0">
:tundora
</a>
, <a style="color: white; background_color: #4e4e4e" href="ColorPalette.html#dark_liver/0">
:dark_liver
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #585858; padding: 0.5rem;" id="color-240">
<span style="margin-right: 2rem; font-weight: bold;">240:</span>
<span style="margin-right: 2rem;">Hex: #585858 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #585858" href="ColorPalette.html#davys_grey/0">
:davys_grey
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #626262; padding: 0.5rem;" id="color-241">
<span style="margin-right: 2rem; font-weight: bold;">241:</span>
<span style="margin-right: 2rem;">Hex: #626262 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #626262" href="ColorPalette.html#granite_gray/0">
:granite_gray
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #6c6c6c; padding: 0.5rem;" id="color-242">
<span style="margin-right: 2rem; font-weight: bold;">242:</span>
<span style="margin-right: 2rem;">Hex: #6c6c6c </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #767676; padding: 0.5rem;" id="color-243">
<span style="margin-right: 2rem; font-weight: bold;">243:</span>
<span style="margin-right: 2rem;">Hex: #767676 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #767676" href="ColorPalette.html#sonic_silver/0">
:sonic_silver
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #808080; padding: 0.5rem;" id="color-244">
<span style="margin-right: 2rem; font-weight: bold;">244:</span>
<span style="margin-right: 2rem;">Hex: #808080 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #808080" href="ColorPalette.html#gray_808080/0">
:gray_808080
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #8a8a8a; padding: 0.5rem;" id="color-245">
<span style="margin-right: 2rem; font-weight: bold;">245:</span>
<span style="margin-right: 2rem;">Hex: #8a8a8a </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8a8a8a" href="ColorPalette.html#philippine_gray/0">
:philippine_gray
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #949494; padding: 0.5rem;" id="color-246">
<span style="margin-right: 2rem; font-weight: bold;">246:</span>
<span style="margin-right: 2rem;">Hex: #949494 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #949494" href="ColorPalette.html#gray_949494/0">
:gray_949494
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #9e9e9e; padding: 0.5rem;" id="color-247">
<span style="margin-right: 2rem; font-weight: bold;">247:</span>
<span style="margin-right: 2rem;">Hex: #9e9e9e </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #9e9e9e" href="ColorPalette.html#spanish_gray/0">
:spanish_gray
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #a8a8a8; padding: 0.5rem;" id="color-248">
<span style="margin-right: 2rem; font-weight: bold;">248:</span>
<span style="margin-right: 2rem;">Hex: #a8a8a8 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #b2b2b2; padding: 0.5rem;" id="color-249">
<span style="margin-right: 2rem; font-weight: bold;">249:</span>
<span style="margin-right: 2rem;">Hex: #b2b2b2 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #b2b2b2" href="ColorPalette.html#silver_chalice/0">
:silver_chalice
</a>
, <a style="color: black; background_color: #b2b2b2" href="ColorPalette.html#philippine_silver/0">
:philippine_silver
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #bcbcbc; padding: 0.5rem;" id="color-250">
<span style="margin-right: 2rem; font-weight: bold;">250:</span>
<span style="margin-right: 2rem;">Hex: #bcbcbc </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #bcbcbc" href="ColorPalette.html#gray/0">
:gray
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #c6c6c6; padding: 0.5rem;" id="color-251">
<span style="margin-right: 2rem; font-weight: bold;">251:</span>
<span style="margin-right: 2rem;">Hex: #c6c6c6 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #c6c6c6" href="ColorPalette.html#silver/0">
:silver
</a>
, <a style="color: black; background_color: #c6c6c6" href="ColorPalette.html#silver_sand/0">
:silver_sand
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d0d0d0; padding: 0.5rem;" id="color-252">
<span style="margin-right: 2rem; font-weight: bold;">252:</span>
<span style="margin-right: 2rem;">Hex: #d0d0d0 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d0d0d0" href="ColorPalette.html#american_silver/0">
:american_silver
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #dadada; padding: 0.5rem;" id="color-253">
<span style="margin-right: 2rem; font-weight: bold;">253:</span>
<span style="margin-right: 2rem;">Hex: #dadada </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #e4e4e4; padding: 0.5rem;" id="color-254">
<span style="margin-right: 2rem; font-weight: bold;">254:</span>
<span style="margin-right: 2rem;">Hex: #e4e4e4 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #e4e4e4" href="ColorPalette.html#platinum/0">
:platinum
</a>
, <a style="color: black; background_color: #e4e4e4" href="ColorPalette.html#mercury/0">
:mercury
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #eeeeee; padding: 0.5rem;" id="color-255">
<span style="margin-right: 2rem; font-weight: bold;">255:</span>
<span style="margin-right: 2rem;">Hex: #eeeeee </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #eeeeee" href="ColorPalette.html#gallery/0">
:gallery
</a>
, <a style="color: black; background_color: #eeeeee" href="ColorPalette.html#bright_gray/0">
:bright_gray
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=green />
## Green (58 colors)
<div style="color: white; background-color: #008000; padding: 0.5rem;" id="color-2">
<span style="margin-right: 2rem; font-weight: bold;">2:</span>
<span style="margin-right: 2rem;">Hex: #008000 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #008000" href="ColorPalette.html#green_008000/0">
:green_008000
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #808000; padding: 0.5rem;" id="color-3">
<span style="margin-right: 2rem; font-weight: bold;">3:</span>
<span style="margin-right: 2rem;">Hex: #808000 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #808000" href="ColorPalette.html#yellow_808000/0">
:yellow_808000
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00ff00; padding: 0.5rem;" id="color-10">
<span style="margin-right: 2rem; font-weight: bold;">10:</span>
<span style="margin-right: 2rem;">Hex: #00ff00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff00" href="ColorPalette.html#light_green_00ff00/0">
:light_green_00ff00
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #005f00; padding: 0.5rem;" id="color-22">
<span style="margin-right: 2rem; font-weight: bold;">22:</span>
<span style="margin-right: 2rem;">Hex: #005f00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005f00" href="ColorPalette.html#camarone/0">
:camarone
</a>
, <a style="color: white; background_color: #005f00" href="ColorPalette.html#dark_green/0">
:dark_green
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #005f5f; padding: 0.5rem;" id="color-23">
<span style="margin-right: 2rem; font-weight: bold;">23:</span>
<span style="margin-right: 2rem;">Hex: #005f5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#bangladesh_green/0">
:bangladesh_green
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #008700; padding: 0.5rem;" id="color-28">
<span style="margin-right: 2rem; font-weight: bold;">28:</span>
<span style="margin-right: 2rem;">Hex: #008700 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #008700" href="ColorPalette.html#ao/0">
:ao
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00875f; padding: 0.5rem;" id="color-29">
<span style="margin-right: 2rem; font-weight: bold;">29:</span>
<span style="margin-right: 2rem;">Hex: #00875f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: white; background-color: #00af00; padding: 0.5rem;" id="color-34">
<span style="margin-right: 2rem; font-weight: bold;">34:</span>
<span style="margin-right: 2rem;">Hex: #00af00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #00af5f; padding: 0.5rem;" id="color-35">
<span style="margin-right: 2rem; font-weight: bold;">35:</span>
<span style="margin-right: 2rem;">Hex: #00af5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00af5f" href="ColorPalette.html#jade/0">
:jade
</a>
, <a style="color: black; background_color: #00af5f" href="ColorPalette.html#go_green/0">
:go_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00af87; padding: 0.5rem;" id="color-36">
<span style="margin-right: 2rem; font-weight: bold;">36:</span>
<span style="margin-right: 2rem;">Hex: #00af87 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00af87" href="ColorPalette.html#persian_green/0">
:persian_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00d700; padding: 0.5rem;" id="color-40">
<span style="margin-right: 2rem; font-weight: bold;">40:</span>
<span style="margin-right: 2rem;">Hex: #00d700 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d700" href="ColorPalette.html#green_00d700/0">
:green_00d700
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00d75f; padding: 0.5rem;" id="color-41">
<span style="margin-right: 2rem; font-weight: bold;">41:</span>
<span style="margin-right: 2rem;">Hex: #00d75f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d75f" href="ColorPalette.html#malachite/0">
:malachite
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00d787; padding: 0.5rem;" id="color-42">
<span style="margin-right: 2rem; font-weight: bold;">42:</span>
<span style="margin-right: 2rem;">Hex: #00d787 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d787" href="ColorPalette.html#caribbean_green_00d787/0">
:caribbean_green_00d787
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00d7af; padding: 0.5rem;" id="color-43">
<span style="margin-right: 2rem; font-weight: bold;">43:</span>
<span style="margin-right: 2rem;">Hex: #00d7af </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d7af" href="ColorPalette.html#caribbean_green/0">
:caribbean_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00ff00; padding: 0.5rem;" id="color-46">
<span style="margin-right: 2rem; font-weight: bold;">46:</span>
<span style="margin-right: 2rem;">Hex: #00ff00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff00" href="ColorPalette.html#green/0">
:green
</a>
, <a style="color: black; background_color: #00ff00" href="ColorPalette.html#electric_green/0">
:electric_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00ff5f; padding: 0.5rem;" id="color-47">
<span style="margin-right: 2rem; font-weight: bold;">47:</span>
<span style="margin-right: 2rem;">Hex: #00ff5f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff5f" href="ColorPalette.html#spring_green_00ff5f/0">
:spring_green_00ff5f
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00ff87; padding: 0.5rem;" id="color-48">
<span style="margin-right: 2rem; font-weight: bold;">48:</span>
<span style="margin-right: 2rem;">Hex: #00ff87 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff87" href="ColorPalette.html#guppie_green/0">
:guppie_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #00ffaf; padding: 0.5rem;" id="color-49">
<span style="margin-right: 2rem; font-weight: bold;">49:</span>
<span style="margin-right: 2rem;">Hex: #00ffaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #00ffd7; padding: 0.5rem;" id="color-50">
<span style="margin-right: 2rem; font-weight: bold;">50:</span>
<span style="margin-right: 2rem;">Hex: #00ffd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ffd7" href="ColorPalette.html#sea_green/0">
:sea_green
</a>
, <a style="color: black; background_color: #00ffd7" href="ColorPalette.html#bright_turquoise/0">
:bright_turquoise
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f5f00; padding: 0.5rem;" id="color-58">
<span style="margin-right: 2rem; font-weight: bold;">58:</span>
<span style="margin-right: 2rem;">Hex: #5f5f00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: white; background-color: #5f8700; padding: 0.5rem;" id="color-64">
<span style="margin-right: 2rem; font-weight: bold;">64:</span>
<span style="margin-right: 2rem;">Hex: #5f8700 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f8700" href="ColorPalette.html#avocado/0">
:avocado
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5f875f; padding: 0.5rem;" id="color-65">
<span style="margin-right: 2rem; font-weight: bold;">65:</span>
<span style="margin-right: 2rem;">Hex: #5f875f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#russian_green/0">
:russian_green
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5faf00; padding: 0.5rem;" id="color-70">
<span style="margin-right: 2rem; font-weight: bold;">70:</span>
<span style="margin-right: 2rem;">Hex: #5faf00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5faf00" href="ColorPalette.html#kelly_green/0">
:kelly_green
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5faf5f; padding: 0.5rem;" id="color-71">
<span style="margin-right: 2rem; font-weight: bold;">71:</span>
<span style="margin-right: 2rem;">Hex: #5faf5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5faf5f" href="ColorPalette.html#forest_green/0">
:forest_green
</a>
, <a style="color: white; background_color: #5faf5f" href="ColorPalette.html#fern/0">
:fern
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5faf87; padding: 0.5rem;" id="color-72">
<span style="margin-right: 2rem; font-weight: bold;">72:</span>
<span style="margin-right: 2rem;">Hex: #5faf87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5faf87" href="ColorPalette.html#silver_tree/0">
:silver_tree
</a>
, <a style="color: black; background_color: #5faf87" href="ColorPalette.html#polished_pine/0">
:polished_pine
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fd700; padding: 0.5rem;" id="color-76">
<span style="margin-right: 2rem; font-weight: bold;">76:</span>
<span style="margin-right: 2rem;">Hex: #5fd700 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd700" href="ColorPalette.html#harlequin_green/0">
:harlequin_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fd75f; padding: 0.5rem;" id="color-77">
<span style="margin-right: 2rem; font-weight: bold;">77:</span>
<span style="margin-right: 2rem;">Hex: #5fd75f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd75f" href="ColorPalette.html#pastel_green_5fd75f/0">
:pastel_green_5fd75f
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fd787; padding: 0.5rem;" id="color-78">
<span style="margin-right: 2rem; font-weight: bold;">78:</span>
<span style="margin-right: 2rem;">Hex: #5fd787 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd787" href="ColorPalette.html#caribbean_green_pearl/0">
:caribbean_green_pearl
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fd7af; padding: 0.5rem;" id="color-79">
<span style="margin-right: 2rem; font-weight: bold;">79:</span>
<span style="margin-right: 2rem;">Hex: #5fd7af </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd7af" href="ColorPalette.html#eucalyptus/0">
:eucalyptus
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fff00; padding: 0.5rem;" id="color-82">
<span style="margin-right: 2rem; font-weight: bold;">82:</span>
<span style="margin-right: 2rem;">Hex: #5fff00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fff00" href="ColorPalette.html#bright_green/0">
:bright_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fff5f; padding: 0.5rem;" id="color-83">
<span style="margin-right: 2rem; font-weight: bold;">83:</span>
<span style="margin-right: 2rem;">Hex: #5fff5f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fff5f" href="ColorPalette.html#screamin_green_5fff5f/0">
:screamin_green_5fff5f
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fff87; padding: 0.5rem;" id="color-84">
<span style="margin-right: 2rem; font-weight: bold;">84:</span>
<span style="margin-right: 2rem;">Hex: #5fff87 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fff87" href="ColorPalette.html#very_light_malachite_green/0">
:very_light_malachite_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #5fffaf; padding: 0.5rem;" id="color-85">
<span style="margin-right: 2rem; font-weight: bold;">85:</span>
<span style="margin-right: 2rem;">Hex: #5fffaf </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fffaf" href="ColorPalette.html#medium_aquamarine/0">
:medium_aquamarine
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #878700; padding: 0.5rem;" id="color-100">
<span style="margin-right: 2rem; font-weight: bold;">100:</span>
<span style="margin-right: 2rem;">Hex: #878700 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #878700" href="ColorPalette.html#olive/0">
:olive
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #87875f; padding: 0.5rem;" id="color-101">
<span style="margin-right: 2rem; font-weight: bold;">101:</span>
<span style="margin-right: 2rem;">Hex: #87875f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #87875f" href="ColorPalette.html#shadow/0">
:shadow
</a>
, <a style="color: white; background_color: #87875f" href="ColorPalette.html#clay_creek/0">
:clay_creek
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87af00; padding: 0.5rem;" id="color-106">
<span style="margin-right: 2rem; font-weight: bold;">106:</span>
<span style="margin-right: 2rem;">Hex: #87af00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87af00" href="ColorPalette.html#limeade/0">
:limeade
</a>
, <a style="color: black; background_color: #87af00" href="ColorPalette.html#apple_green/0">
:apple_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87af5f; padding: 0.5rem;" id="color-107">
<span style="margin-right: 2rem; font-weight: bold;">107:</span>
<span style="margin-right: 2rem;">Hex: #87af5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #87af87; padding: 0.5rem;" id="color-108">
<span style="margin-right: 2rem; font-weight: bold;">108:</span>
<span style="margin-right: 2rem;">Hex: #87af87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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_sea_green/0">
:dark_sea_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87d700; padding: 0.5rem;" id="color-112">
<span style="margin-right: 2rem; font-weight: bold;">112:</span>
<span style="margin-right: 2rem;">Hex: #87d700 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d700" href="ColorPalette.html#alien_armpit/0">
:alien_armpit
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87d75f; padding: 0.5rem;" id="color-113">
<span style="margin-right: 2rem; font-weight: bold;">113:</span>
<span style="margin-right: 2rem;">Hex: #87d75f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d75f" href="ColorPalette.html#mantis/0">
:mantis
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87d787; padding: 0.5rem;" id="color-114">
<span style="margin-right: 2rem; font-weight: bold;">114:</span>
<span style="margin-right: 2rem;">Hex: #87d787 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d787" href="ColorPalette.html#pastel_green/0">
:pastel_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87ff00; padding: 0.5rem;" id="color-118">
<span style="margin-right: 2rem; font-weight: bold;">118:</span>
<span style="margin-right: 2rem;">Hex: #87ff00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ff00" href="ColorPalette.html#chartreuse_87ff00/0">
:chartreuse_87ff00
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87ff5f; padding: 0.5rem;" id="color-119">
<span style="margin-right: 2rem; font-weight: bold;">119:</span>
<span style="margin-right: 2rem;">Hex: #87ff5f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ff5f" href="ColorPalette.html#screamin_green_87ff5f/0">
:screamin_green_87ff5f
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87ff87; padding: 0.5rem;" id="color-120">
<span style="margin-right: 2rem; font-weight: bold;">120:</span>
<span style="margin-right: 2rem;">Hex: #87ff87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ff87" href="ColorPalette.html#screamin_green/0">
:screamin_green
</a>
, <a style="color: black; background_color: #87ff87" href="ColorPalette.html#light_green/0">
:light_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #87ffaf; padding: 0.5rem;" id="color-121">
<span style="margin-right: 2rem; font-weight: bold;">121:</span>
<span style="margin-right: 2rem;">Hex: #87ffaf </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ffaf" href="ColorPalette.html#mint_green_87ffaf/0">
:mint_green_87ffaf
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afaf5f; padding: 0.5rem;" id="color-143">
<span style="margin-right: 2rem; font-weight: bold;">143:</span>
<span style="margin-right: 2rem;">Hex: #afaf5f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afaf5f" href="ColorPalette.html#olive_green/0">
:olive_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afd700; padding: 0.5rem;" id="color-148">
<span style="margin-right: 2rem; font-weight: bold;">148:</span>
<span style="margin-right: 2rem;">Hex: #afd700 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #afd75f; padding: 0.5rem;" id="color-149">
<span style="margin-right: 2rem; font-weight: bold;">149:</span>
<span style="margin-right: 2rem;">Hex: #afd75f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #afd787; padding: 0.5rem;" id="color-150">
<span style="margin-right: 2rem; font-weight: bold;">150:</span>
<span style="margin-right: 2rem;">Hex: #afd787 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd787" href="ColorPalette.html#yellow_green/0">
:yellow_green
</a>
, <a style="color: black; background_color: #afd787" href="ColorPalette.html#feijoa/0">
:feijoa
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afd7af; padding: 0.5rem;" id="color-151">
<span style="margin-right: 2rem; font-weight: bold;">151:</span>
<span style="margin-right: 2rem;">Hex: #afd7af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd7af" href="ColorPalette.html#pixie_green/0">
:pixie_green
</a>
, <a style="color: black; background_color: #afd7af" href="ColorPalette.html#light_moss_green/0">
:light_moss_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afff00; padding: 0.5rem;" id="color-154">
<span style="margin-right: 2rem; font-weight: bold;">154:</span>
<span style="margin-right: 2rem;">Hex: #afff00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #afff5f; padding: 0.5rem;" id="color-155">
<span style="margin-right: 2rem; font-weight: bold;">155:</span>
<span style="margin-right: 2rem;">Hex: #afff5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afff5f" href="ColorPalette.html#inchworm/0">
:inchworm
</a>
, <a style="color: black; background_color: #afff5f" href="ColorPalette.html#green_yellow/0">
:green_yellow
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afff87; padding: 0.5rem;" id="color-156">
<span style="margin-right: 2rem; font-weight: bold;">156:</span>
<span style="margin-right: 2rem;">Hex: #afff87 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afff87" href="ColorPalette.html#mint_green_afff87/0">
:mint_green_afff87
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #afffaf; padding: 0.5rem;" id="color-157">
<span style="margin-right: 2rem; font-weight: bold;">157:</span>
<span style="margin-right: 2rem;">Hex: #afffaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afffaf" href="ColorPalette.html#menthol/0">
:menthol
</a>
, <a style="color: black; background_color: #afffaf" href="ColorPalette.html#mint_green/0">
:mint_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7d7af; padding: 0.5rem;" id="color-187">
<span style="margin-right: 2rem; font-weight: bold;">187:</span>
<span style="margin-right: 2rem;">Hex: #d7d7af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d7af" href="ColorPalette.html#pastel_gray/0">
:pastel_gray
</a>
, <a style="color: black; background_color: #d7d7af" href="ColorPalette.html#green_mist/0">
:green_mist
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7ffaf; padding: 0.5rem;" id="color-193">
<span style="margin-right: 2rem; font-weight: bold;">193:</span>
<span style="margin-right: 2rem;">Hex: #d7ffaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#tea_green/0">
:tea_green
</a>
, <a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#reef/0">
:reef
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7ffd7; padding: 0.5rem;" id="color-194">
<span style="margin-right: 2rem; font-weight: bold;">194:</span>
<span style="margin-right: 2rem;">Hex: #d7ffd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #d7ffff; padding: 0.5rem;" id="color-195">
<span style="margin-right: 2rem; font-weight: bold;">195:</span>
<span style="margin-right: 2rem;">Hex: #d7ffff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#light_cyan/0">
:light_cyan
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=orange />
## Orange (8 colors)
<div style="color: black; background-color: #d75f00; padding: 0.5rem;" id="color-166">
<span style="margin-right: 2rem; font-weight: bold;">166:</span>
<span style="margin-right: 2rem;">Hex: #d75f00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75f00" href="ColorPalette.html#tenn/0">
:tenn
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff5f00; padding: 0.5rem;" id="color-202">
<span style="margin-right: 2rem; font-weight: bold;">202:</span>
<span style="margin-right: 2rem;">Hex: #ff5f00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#vivid_orange/0">
:vivid_orange
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff8700; padding: 0.5rem;" id="color-208">
<span style="margin-right: 2rem; font-weight: bold;">208:</span>
<span style="margin-right: 2rem;">Hex: #ff8700 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff8700" href="ColorPalette.html#flush_orange/0">
:flush_orange
</a>
, <a style="color: black; background_color: #ff8700" href="ColorPalette.html#american_orange/0">
:american_orange
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #ff875f; padding: 0.5rem;" id="color-209">
<span style="margin-right: 2rem; font-weight: bold;">209:</span>
<span style="margin-right: 2rem;">Hex: #ff875f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #ffaf00; padding: 0.5rem;" id="color-214">
<span style="margin-right: 2rem; font-weight: bold;">214:</span>
<span style="margin-right: 2rem;">Hex: #ffaf00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffaf00" href="ColorPalette.html#yellow_sea/0">
:yellow_sea
</a>
, <a style="color: black; background_color: #ffaf00" href="ColorPalette.html#chinese_yellow/0">
:chinese_yellow
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffaf5f; padding: 0.5rem;" id="color-215">
<span style="margin-right: 2rem; font-weight: bold;">215:</span>
<span style="margin-right: 2rem;">Hex: #ffaf5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffaf5f" href="ColorPalette.html#texas_rose/0">
:texas_rose
</a>
, <a style="color: black; background_color: #ffaf5f" href="ColorPalette.html#rajah/0">
:rajah
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffaf87; padding: 0.5rem;" id="color-216">
<span style="margin-right: 2rem; font-weight: bold;">216:</span>
<span style="margin-right: 2rem;">Hex: #ffaf87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#hit_pink/0">
:hit_pink
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffafaf; padding: 0.5rem;" id="color-217">
<span style="margin-right: 2rem; font-weight: bold;">217:</span>
<span style="margin-right: 2rem;">Hex: #ffafaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffafaf" href="ColorPalette.html#sundown/0">
:sundown
</a>
, <a style="color: black; background_color: #ffafaf" href="ColorPalette.html#melon/0">
:melon
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=pink />
## Pink (24 colors)
<div style="color: white; background-color: #ff00ff; padding: 0.5rem;" id="color-13">
<span style="margin-right: 2rem; font-weight: bold;">13:</span>
<span style="margin-right: 2rem;">Hex: #ff00ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff00ff" href="ColorPalette.html#light_magenta/0">
:light_magenta
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d70087; padding: 0.5rem;" id="color-162">
<span style="margin-right: 2rem; font-weight: bold;">162:</span>
<span style="margin-right: 2rem;">Hex: #d70087 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d70087" href="ColorPalette.html#mexican_pink/0">
:mexican_pink
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d700af; padding: 0.5rem;" id="color-163">
<span style="margin-right: 2rem; font-weight: bold;">163:</span>
<span style="margin-right: 2rem;">Hex: #d700af </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d700af" href="ColorPalette.html#hollywood_cerise_d700af/0">
:hollywood_cerise_d700af
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d75faf; padding: 0.5rem;" id="color-169">
<span style="margin-right: 2rem; font-weight: bold;">169:</span>
<span style="margin-right: 2rem;">Hex: #d75faf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d75faf" href="ColorPalette.html#super_pink/0">
:super_pink
</a>
, <a style="color: white; background_color: #d75faf" href="ColorPalette.html#hopbush/0">
:hopbush
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d75fff; padding: 0.5rem;" id="color-171">
<span style="margin-right: 2rem; font-weight: bold;">171:</span>
<span style="margin-right: 2rem;">Hex: #d75fff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75fff" href="ColorPalette.html#heliotrope_d75fff/0">
:heliotrope_d75fff
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d78787; padding: 0.5rem;" id="color-174">
<span style="margin-right: 2rem; font-weight: bold;">174:</span>
<span style="margin-right: 2rem;">Hex: #d78787 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d78787" href="ColorPalette.html#new_york_pink/0">
:new_york_pink
</a>
, <a style="color: white; background_color: #d78787" href="ColorPalette.html#my_pink/0">
:my_pink
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d787af; padding: 0.5rem;" id="color-175">
<span style="margin-right: 2rem; font-weight: bold;">175:</span>
<span style="margin-right: 2rem;">Hex: #d787af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d787af" href="ColorPalette.html#middle_purple/0">
:middle_purple
</a>
, <a style="color: white; background_color: #d787af" href="ColorPalette.html#can_can/0">
:can_can
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d787d7; padding: 0.5rem;" id="color-176">
<span style="margin-right: 2rem; font-weight: bold;">176:</span>
<span style="margin-right: 2rem;">Hex: #d787d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d787d7" href="ColorPalette.html#light_orchid/0">
:light_orchid
</a>
, <a style="color: black; background_color: #d787d7" href="ColorPalette.html#deep_mauve/0">
:deep_mauve
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d787ff; padding: 0.5rem;" id="color-177">
<span style="margin-right: 2rem; font-weight: bold;">177:</span>
<span style="margin-right: 2rem;">Hex: #d787ff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#heliotrope/0">
:heliotrope
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7afd7; padding: 0.5rem;" id="color-182">
<span style="margin-right: 2rem; font-weight: bold;">182:</span>
<span style="margin-right: 2rem;">Hex: #d7afd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #ff0087; padding: 0.5rem;" id="color-198">
<span style="margin-right: 2rem; font-weight: bold;">198:</span>
<span style="margin-right: 2rem;">Hex: #ff0087 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff0087" href="ColorPalette.html#rose/0">
:rose
</a>
, <a style="color: black; background_color: #ff0087" href="ColorPalette.html#bright_pink/0">
:bright_pink
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff00af; padding: 0.5rem;" id="color-199">
<span style="margin-right: 2rem; font-weight: bold;">199:</span>
<span style="margin-right: 2rem;">Hex: #ff00af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff00af" href="ColorPalette.html#hollywood_cerise/0">
:hollywood_cerise
</a>
, <a style="color: black; background_color: #ff00af" href="ColorPalette.html#fashion_fuchsia/0">
:fashion_fuchsia
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff00d7; padding: 0.5rem;" id="color-200">
<span style="margin-right: 2rem; font-weight: bold;">200:</span>
<span style="margin-right: 2rem;">Hex: #ff00d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff00d7" href="ColorPalette.html#purple_pizzazz_ff00d7/0">
:purple_pizzazz_ff00d7
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff00ff; padding: 0.5rem;" id="color-201">
<span style="margin-right: 2rem; font-weight: bold;">201:</span>
<span style="margin-right: 2rem;">Hex: #ff00ff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff00ff" href="ColorPalette.html#magenta/0">
:magenta
</a>
, <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#fuchsia/0">
:fuchsia
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff5faf; padding: 0.5rem;" id="color-205">
<span style="margin-right: 2rem; font-weight: bold;">205:</span>
<span style="margin-right: 2rem;">Hex: #ff5faf </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5faf" href="ColorPalette.html#hot_pink/0">
:hot_pink
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff5fd7; padding: 0.5rem;" id="color-206">
<span style="margin-right: 2rem; font-weight: bold;">206:</span>
<span style="margin-right: 2rem;">Hex: #ff5fd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5fd7" href="ColorPalette.html#purple_pizzazz/0">
:purple_pizzazz
</a>
, <a style="color: black; background_color: #ff5fd7" href="ColorPalette.html#light_deep_pink/0">
:light_deep_pink
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff5fff; padding: 0.5rem;" id="color-207">
<span style="margin-right: 2rem; font-weight: bold;">207:</span>
<span style="margin-right: 2rem;">Hex: #ff5fff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #ff87af; padding: 0.5rem;" id="color-211">
<span style="margin-right: 2rem; font-weight: bold;">211:</span>
<span style="margin-right: 2rem;">Hex: #ff87af </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff87af" href="ColorPalette.html#tickle_me_pink/0">
:tickle_me_pink
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff87d7; padding: 0.5rem;" id="color-212">
<span style="margin-right: 2rem; font-weight: bold;">212:</span>
<span style="margin-right: 2rem;">Hex: #ff87d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff87d7" href="ColorPalette.html#princess_perfume/0">
:princess_perfume
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff87ff; padding: 0.5rem;" id="color-213">
<span style="margin-right: 2rem; font-weight: bold;">213:</span>
<span style="margin-right: 2rem;">Hex: #ff87ff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #ffafd7; padding: 0.5rem;" id="color-218">
<span style="margin-right: 2rem; font-weight: bold;">218:</span>
<span style="margin-right: 2rem;">Hex: #ffafd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #ffafff; padding: 0.5rem;" id="color-219">
<span style="margin-right: 2rem; font-weight: bold;">219:</span>
<span style="margin-right: 2rem;">Hex: #ffafff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #ffd7d7; padding: 0.5rem;" id="color-224">
<span style="margin-right: 2rem; font-weight: bold;">224:</span>
<span style="margin-right: 2rem;">Hex: #ffd7d7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#cosmos/0">
:cosmos
</a>
, <a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#pale_pink/0">
:pale_pink
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffd7ff; padding: 0.5rem;" id="color-225">
<span style="margin-right: 2rem; font-weight: bold;">225:</span>
<span style="margin-right: 2rem;">Hex: #ffd7ff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=purple_violet_and_magenta />
## Purple, Violet and Magenta (29 colors)
<div style="color: white; background-color: #800080; padding: 0.5rem;" id="color-5">
<span style="margin-right: 2rem; font-weight: bold;">5:</span>
<span style="margin-right: 2rem;">Hex: #800080 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #800080" href="ColorPalette.html#patriarch/0">
:patriarch
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f005f; padding: 0.5rem;" id="color-53">
<span style="margin-right: 2rem; font-weight: bold;">53:</span>
<span style="margin-right: 2rem;">Hex: #5f005f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f005f" href="ColorPalette.html#pompadour/0">
:pompadour
</a>
, <a style="color: white; background_color: #5f005f" href="ColorPalette.html#imperial_purple/0">
:imperial_purple
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f0087; padding: 0.5rem;" id="color-54">
<span style="margin-right: 2rem; font-weight: bold;">54:</span>
<span style="margin-right: 2rem;">Hex: #5f0087 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f0087" href="ColorPalette.html#pigment_indigo/0">
:pigment_indigo
</a>
, <a style="color: white; background_color: #5f0087" href="ColorPalette.html#metallic_violet/0">
:metallic_violet
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f00af; padding: 0.5rem;" id="color-55">
<span style="margin-right: 2rem; font-weight: bold;">55:</span>
<span style="margin-right: 2rem;">Hex: #5f00af </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f00af" href="ColorPalette.html#chinese_purple/0">
:chinese_purple
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f00d7; padding: 0.5rem;" id="color-56">
<span style="margin-right: 2rem; font-weight: bold;">56:</span>
<span style="margin-right: 2rem;">Hex: #5f00d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f00d7" href="ColorPalette.html#electric_violet_5f00d7/0">
:electric_violet_5f00d7
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f00ff; padding: 0.5rem;" id="color-57">
<span style="margin-right: 2rem; font-weight: bold;">57:</span>
<span style="margin-right: 2rem;">Hex: #5f00ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f00ff" href="ColorPalette.html#electric_indigo/0">
:electric_indigo
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #87005f; padding: 0.5rem;" id="color-89">
<span style="margin-right: 2rem; font-weight: bold;">89:</span>
<span style="margin-right: 2rem;">Hex: #87005f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #87005f" href="ColorPalette.html#french_plum/0">
:french_plum
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #870087; padding: 0.5rem;" id="color-90">
<span style="margin-right: 2rem; font-weight: bold;">90:</span>
<span style="margin-right: 2rem;">Hex: #870087 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: white; background-color: #8700af; padding: 0.5rem;" id="color-91">
<span style="margin-right: 2rem; font-weight: bold;">91:</span>
<span style="margin-right: 2rem;">Hex: #8700af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: white; background-color: #8700d7; padding: 0.5rem;" id="color-92">
<span style="margin-right: 2rem; font-weight: bold;">92:</span>
<span style="margin-right: 2rem;">Hex: #8700d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8700d7" href="ColorPalette.html#french_violet/0">
:french_violet
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #8700ff; padding: 0.5rem;" id="color-93">
<span style="margin-right: 2rem; font-weight: bold;">93:</span>
<span style="margin-right: 2rem;">Hex: #8700ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8700ff" href="ColorPalette.html#electric_violet_8700ff/0">
:electric_violet_8700ff
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #875f87; padding: 0.5rem;" id="color-96">
<span style="margin-right: 2rem; font-weight: bold;">96:</span>
<span style="margin-right: 2rem;">Hex: #875f87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#strikemaster/0">
:strikemaster
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #875faf; padding: 0.5rem;" id="color-97">
<span style="margin-right: 2rem; font-weight: bold;">97:</span>
<span style="margin-right: 2rem;">Hex: #875faf </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #875faf" href="ColorPalette.html#royal_purple/0">
:royal_purple
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #875fd7; padding: 0.5rem;" id="color-98">
<span style="margin-right: 2rem; font-weight: bold;">98:</span>
<span style="margin-right: 2rem;">Hex: #875fd7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #875fd7" href="ColorPalette.html#medium_purple_875fd7/0">
:medium_purple_875fd7
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #875fff; padding: 0.5rem;" id="color-99">
<span style="margin-right: 2rem; font-weight: bold;">99:</span>
<span style="margin-right: 2rem;">Hex: #875fff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #875fff" href="ColorPalette.html#blueberry_875fff/0">
:blueberry_875fff
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af0087; padding: 0.5rem;" id="color-126">
<span style="margin-right: 2rem; font-weight: bold;">126:</span>
<span style="margin-right: 2rem;">Hex: #af0087 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af0087" href="ColorPalette.html#flirt_af0087/0">
:flirt_af0087
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af00af; padding: 0.5rem;" id="color-127">
<span style="margin-right: 2rem; font-weight: bold;">127:</span>
<span style="margin-right: 2rem;">Hex: #af00af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af00af" href="ColorPalette.html#flirt/0">
:flirt
</a>
, <a style="color: white; background_color: #af00af" href="ColorPalette.html#heliotrope_magenta/0">
:heliotrope_magenta
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af00d7; padding: 0.5rem;" id="color-128">
<span style="margin-right: 2rem; font-weight: bold;">128:</span>
<span style="margin-right: 2rem;">Hex: #af00d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af00d7" href="ColorPalette.html#vivid_mulberry/0">
:vivid_mulberry
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af00ff; padding: 0.5rem;" id="color-129">
<span style="margin-right: 2rem; font-weight: bold;">129:</span>
<span style="margin-right: 2rem;">Hex: #af00ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af00ff" href="ColorPalette.html#electric_purple/0">
:electric_purple
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #af5faf; padding: 0.5rem;" id="color-133">
<span style="margin-right: 2rem; font-weight: bold;">133:</span>
<span style="margin-right: 2rem;">Hex: #af5faf </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af5faf" href="ColorPalette.html#pearly_purple/0">
:pearly_purple
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #af5fd7; padding: 0.5rem;" id="color-134">
<span style="margin-right: 2rem; font-weight: bold;">134:</span>
<span style="margin-right: 2rem;">Hex: #af5fd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af5fd7" href="ColorPalette.html#medium_purple/0">
:medium_purple
</a>
, <a style="color: black; background_color: #af5fd7" href="ColorPalette.html#rich_lilac/0">
:rich_lilac
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af5fff; padding: 0.5rem;" id="color-135">
<span style="margin-right: 2rem; font-weight: bold;">135:</span>
<span style="margin-right: 2rem;">Hex: #af5fff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5fff" href="ColorPalette.html#lavender_indigo/0">
:lavender_indigo
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #af87af; padding: 0.5rem;" id="color-139">
<span style="margin-right: 2rem; font-weight: bold;">139:</span>
<span style="margin-right: 2rem;">Hex: #af87af </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af87af" href="ColorPalette.html#bouquet/0">
:bouquet
</a>
, <a style="color: black; background_color: #af87af" href="ColorPalette.html#opera_mauve/0">
:opera_mauve
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #af87d7; padding: 0.5rem;" id="color-140">
<span style="margin-right: 2rem; font-weight: bold;">140:</span>
<span style="margin-right: 2rem;">Hex: #af87d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af87d7" href="ColorPalette.html#lavender/0">
:lavender
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af87ff; padding: 0.5rem;" id="color-141">
<span style="margin-right: 2rem; font-weight: bold;">141:</span>
<span style="margin-right: 2rem;">Hex: #af87ff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af87ff" href="ColorPalette.html#bright_lavender/0">
:bright_lavender
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d700d7; padding: 0.5rem;" id="color-164">
<span style="margin-right: 2rem; font-weight: bold;">164:</span>
<span style="margin-right: 2rem;">Hex: #d700d7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d700d7" href="ColorPalette.html#deep_magenta/0">
:deep_magenta
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d700ff; padding: 0.5rem;" id="color-165">
<span style="margin-right: 2rem; font-weight: bold;">165:</span>
<span style="margin-right: 2rem;">Hex: #d700ff </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d700ff" href="ColorPalette.html#electric_violet/0">
:electric_violet
</a>
, <a style="color: black; background_color: #d700ff" href="ColorPalette.html#phlox/0">
:phlox
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d75fd7; padding: 0.5rem;" id="color-170">
<span style="margin-right: 2rem; font-weight: bold;">170:</span>
<span style="margin-right: 2rem;">Hex: #d75fd7 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75fd7" href="ColorPalette.html#orchid/0">
:orchid
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7afff; padding: 0.5rem;" id="color-183">
<span style="margin-right: 2rem; font-weight: bold;">183:</span>
<span style="margin-right: 2rem;">Hex: #d7afff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7afff" href="ColorPalette.html#mauve/0">
:mauve
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=red />
## Red (16 colors)
<div style="color: white; background-color: #800000; padding: 0.5rem;" id="color-1">
<span style="margin-right: 2rem; font-weight: bold;">1:</span>
<span style="margin-right: 2rem;">Hex: #800000 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #800000" href="ColorPalette.html#red_800000/0">
:red_800000
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #ff0000; padding: 0.5rem;" id="color-9">
<span style="margin-right: 2rem; font-weight: bold;">9:</span>
<span style="margin-right: 2rem;">Hex: #ff0000 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff0000" href="ColorPalette.html#light_red/0">
:light_red
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #5f0000; padding: 0.5rem;" id="color-52">
<span style="margin-right: 2rem; font-weight: bold;">52:</span>
<span style="margin-right: 2rem;">Hex: #5f0000 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: white; background-color: #870000; padding: 0.5rem;" id="color-88">
<span style="margin-right: 2rem; font-weight: bold;">88:</span>
<span style="margin-right: 2rem;">Hex: #870000 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #870000" href="ColorPalette.html#deep_red/0">
:deep_red
</a>
, <a style="color: white; background_color: #870000" href="ColorPalette.html#maroon/0">
:maroon
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af0000; padding: 0.5rem;" id="color-124">
<span style="margin-right: 2rem; font-weight: bold;">124:</span>
<span style="margin-right: 2rem;">Hex: #af0000 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#bright_red/0">
:bright_red
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af005f; padding: 0.5rem;" id="color-125">
<span style="margin-right: 2rem; font-weight: bold;">125:</span>
<span style="margin-right: 2rem;">Hex: #af005f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af005f" href="ColorPalette.html#jazzberry_jam/0">
:jazzberry_jam
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #af5f87; padding: 0.5rem;" id="color-132">
<span style="margin-right: 2rem; font-weight: bold;">132:</span>
<span style="margin-right: 2rem;">Hex: #af5f87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5f87" href="ColorPalette.html#turkish_rose/0">
:turkish_rose
</a>
, <a style="color: white; background_color: #af5f87" href="ColorPalette.html#tapestry/0">
:tapestry
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d70000; padding: 0.5rem;" id="color-160">
<span style="margin-right: 2rem; font-weight: bold;">160:</span>
<span style="margin-right: 2rem;">Hex: #d70000 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#guardsman_red/0">
:guardsman_red
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d7005f; padding: 0.5rem;" id="color-161">
<span style="margin-right: 2rem; font-weight: bold;">161:</span>
<span style="margin-right: 2rem;">Hex: #d7005f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d7005f" href="ColorPalette.html#royal_red/0">
:royal_red
</a>
, <a style="color: white; background_color: #d7005f" href="ColorPalette.html#razzmatazz/0">
:razzmatazz
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d75f5f; padding: 0.5rem;" id="color-167">
<span style="margin-right: 2rem; font-weight: bold;">167:</span>
<span style="margin-right: 2rem;">Hex: #d75f5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75f5f" href="ColorPalette.html#roman/0">
:roman
</a>
, <a style="color: black; background_color: #d75f5f" href="ColorPalette.html#indian_red/0">
:indian_red
</a>
</span>
</span>
</div>
<div style="color: white; background-color: #d75f87; padding: 0.5rem;" id="color-168">
<span style="margin-right: 2rem; font-weight: bold;">168:</span>
<span style="margin-right: 2rem;">Hex: #d75f87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d75f87" href="ColorPalette.html#blush/0">
:blush
</a>
, <a style="color: white; background_color: #d75f87" href="ColorPalette.html#mystic_pearl/0">
:mystic_pearl
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff0000; padding: 0.5rem;" id="color-196">
<span style="margin-right: 2rem; font-weight: bold;">196:</span>
<span style="margin-right: 2rem;">Hex: #ff0000 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff0000" href="ColorPalette.html#red/0">
:red
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff005f; padding: 0.5rem;" id="color-197">
<span style="margin-right: 2rem; font-weight: bold;">197:</span>
<span style="margin-right: 2rem;">Hex: #ff005f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff005f" href="ColorPalette.html#winter_sky/0">
:winter_sky
</a>
, <a style="color: black; background_color: #ff005f" href="ColorPalette.html#vivid_raspberry/0">
:vivid_raspberry
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff5f5f; padding: 0.5rem;" id="color-203">
<span style="margin-right: 2rem; font-weight: bold;">203:</span>
<span style="margin-right: 2rem;">Hex: #ff5f5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #ff5f87; padding: 0.5rem;" id="color-204">
<span style="margin-right: 2rem; font-weight: bold;">204:</span>
<span style="margin-right: 2rem;">Hex: #ff5f87 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5f87" href="ColorPalette.html#strawberry/0">
:strawberry
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ff8787; padding: 0.5rem;" id="color-210">
<span style="margin-right: 2rem; font-weight: bold;">210:</span>
<span style="margin-right: 2rem;">Hex: #ff8787 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff8787" href="ColorPalette.html#tulip/0">
:tulip
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=white />
## White (3 colors)
<div style="color: black; background-color: #ffffff; padding: 0.5rem;" id="color-15">
<span style="margin-right: 2rem; font-weight: bold;">15:</span>
<span style="margin-right: 2rem;">Hex: #ffffff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffffff" href="ColorPalette.html#light_white/0">
:light_white
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffffd7; padding: 0.5rem;" id="color-230">
<span style="margin-right: 2rem; font-weight: bold;">230:</span>
<span style="margin-right: 2rem;">Hex: #ffffd7 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #ffffff; padding: 0.5rem;" id="color-231">
<span style="margin-right: 2rem; font-weight: bold;">231:</span>
<span style="margin-right: 2rem;">Hex: #ffffff </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffffff" href="ColorPalette.html#white/0">
:white
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=yellow />
## Yellow (13 colors)
<div style="color: black; background-color: #ffff00; padding: 0.5rem;" id="color-11">
<span style="margin-right: 2rem; font-weight: bold;">11:</span>
<span style="margin-right: 2rem;">Hex: #ffff00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffff00" href="ColorPalette.html#light_yellow/0">
:light_yellow
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7d700; padding: 0.5rem;" id="color-184">
<span style="margin-right: 2rem; font-weight: bold;">184:</span>
<span style="margin-right: 2rem;">Hex: #d7d700 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #d7d75f; padding: 0.5rem;" id="color-185">
<span style="margin-right: 2rem; font-weight: bold;">185:</span>
<span style="margin-right: 2rem;">Hex: #d7d75f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d75f" href="ColorPalette.html#tacha/0">
:tacha
</a>
, <a style="color: black; background_color: #d7d75f" href="ColorPalette.html#chinese_green/0">
:chinese_green
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7d787; padding: 0.5rem;" id="color-186">
<span style="margin-right: 2rem; font-weight: bold;">186:</span>
<span style="margin-right: 2rem;">Hex: #d7d787 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</span>
</div>
<div style="color: black; background-color: #d7ff00; padding: 0.5rem;" id="color-190">
<span style="margin-right: 2rem; font-weight: bold;">190:</span>
<span style="margin-right: 2rem;">Hex: #d7ff00 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ff00" href="ColorPalette.html#chartreuse/0">
:chartreuse
</a>
, <a style="color: black; background_color: #d7ff00" href="ColorPalette.html#chartreuse_yellow/0">
:chartreuse_yellow
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #d7ff5f; padding: 0.5rem;" id="color-191">
<span style="margin-right: 2rem; font-weight: bold;">191:</span>
<span style="margin-right: 2rem;">Hex: #d7ff5f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #d7ff87; padding: 0.5rem;" id="color-192">
<span style="margin-right: 2rem; font-weight: bold;">192:</span>
<span style="margin-right: 2rem;">Hex: #d7ff87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ff87" href="ColorPalette.html#mindaro/0">
:mindaro
</a>
, <a style="color: black; background_color: #d7ff87" href="ColorPalette.html#honeysuckle/0">
:honeysuckle
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffd700; padding: 0.5rem;" id="color-220">
<span style="margin-right: 2rem; font-weight: bold;">220:</span>
<span style="margin-right: 2rem;">Hex: #ffd700 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd700" href="ColorPalette.html#gold/0">
:gold
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffd75f; padding: 0.5rem;" id="color-221">
<span style="margin-right: 2rem; font-weight: bold;">221:</span>
<span style="margin-right: 2rem;">Hex: #ffd75f </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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>
</span>
</div>
<div style="color: black; background-color: #ffff00; padding: 0.5rem;" id="color-226">
<span style="margin-right: 2rem; font-weight: bold;">226:</span>
<span style="margin-right: 2rem;">Hex: #ffff00 </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffff00" href="ColorPalette.html#yellow/0">
:yellow
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffff5f; padding: 0.5rem;" id="color-227">
<span style="margin-right: 2rem; font-weight: bold;">227:</span>
<span style="margin-right: 2rem;">Hex: #ffff5f </span>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffff5f" href="ColorPalette.html#laser_lemon/0">
:laser_lemon
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffff87; padding: 0.5rem;" id="color-228">
<span style="margin-right: 2rem; font-weight: bold;">228:</span>
<span style="margin-right: 2rem;">Hex: #ffff87 </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<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#dolly/0">
:dolly
</a>
</span>
</span>
</div>
<div style="color: black; background-color: #ffffaf; padding: 0.5rem;" id="color-229">
<span style="margin-right: 2rem; font-weight: bold;">229:</span>
<span style="margin-right: 2rem;">Hex: #ffffaf </span>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffffaf" href="ColorPalette.html#portafino/0">
:portafino
</a>
, <a style="color: black; background_color: #ffffaf" href="ColorPalette.html#calamansi/0">
:calamansi
</a>
</span>
</span>
</div>
