/* Standard Web Color Names. Source: https://www.w3schools.com/colors/colors_names.asp but Clomp actually wrote these styles: */
.aliceblue { color: #F0F8FF; }
.antiquewhite { color: #FAEBD7; }
.aqua { color: #00FFFF; }
.aquamarine { color: #7FFFD4; }
.azure { color: #F0FFFF; }
.beige { color: #F5F5DC; }
.bisque { color: #FFE4C4; }
.black { color: #000000; }
.blanchedalmond { color: #FFEBCD; }
.blue { color: #0000FF; }
.blueviolet { color: #8A2BE2; }
.brown { color: #A52A2A; }
.burlywood { color: #DEB887; }
.cadetblue { color: #5F9EA0; }
.chartreuse { color: #7FFF00; }
.chocolate { color: #D2691E; }
.coral { color: #FF7F50; }
.cornflowerblue { color: #6495ED; }
.cornsilk { color: #FFF8DC; }
.crimson { color: #DC143C; }
.cyan { color: #00FFFF; }
.darkblue { color: #00008B; }
.darkcyan { color: #008B8B; }
.darkgoldenrod { color: #B8860B; }
.darkgray { color: #A9A9A9; }
.darkgreen { color: #006400; }
.darkgrey { color: #A9A9A9; }
.darkkhaki { color: #BDB76B; }
.darkmagenta { color: #8B008B; }
.darkolivegreen { color: #556B2F; }
.darkorange { color: #FF8C00; }
.darkorchid { color: #9932CC; }
.darkred { color: #8B0000; }
.darksalmon { color: #E9967A; }
.darkseagreen { color: #8FBC8F; }
.darkslateblue { color: #483D8B; }
.darkslategray { color: #2F4F4F; }
.darkslategrey { color: #2F4F4F; }
.darkturquoise { color: #00CED1; }
.darkviolet { color: #9400D3; }
.deeppink { color: #FF1493; }
.deepskyblue { color: #00BFFF; }
.dimgray { color: #696969; }
.dimgrey { color: #696969; }
.dodgerblue { color: #1E90FF; }
.firebrick { color: #B22222; }
.floralwhite { color: #FFFAF0; }
.forestgreen { color: #228B22; }
.fuchsia { color: #FF00FF; }
.gainsboro { color: #DCDCDC; }
.ghostwhite { color: #F8F8FF; }
.gold { color: #FFD700; }
.goldenrod { color: #DAA520; }
.gray { color: #808080; }
.green { color: #008000; }
.greenyellow { color: #ADFF2F; }
.grey { color: #808080; }
.honeydew { color: #F0FFF0; }
.hotpink { color: #FF69B4; }
.indianred { color: #CD5C5C; }
.indigo { color: #4B0082; }
.ivory { color: #FFFFF0; }
.khaki { color: #F0E68C; }
.lavender { color: #E6E6FA; }
.lavenderblush { color: #FFF0F5; }
.lawngreen { color: #7CFC00; }
.lemonchiffon { color: #FFFACD; }
.lightblue { color: #ADD8E6; }
.lightcoral { color: #F08080; }
.lightcyan { color: #E0FFFF; }
.lightgoldenrodyellow { color: #FAFAD2; }
.lightgray { color: #D3D3D3; }
.lightgreen { color: #90EE90; }
.lightgrey { color: #D3D3D3; }
.lightpink { color: #FFB6C1; }
.lightsalmon { color: #FFA07A; }
.lightseagreen { color: #20B2AA; }
.lightskyblue { color: #87CEFA; }
.lightslategray { color: #778899; }
.lightslategrey { color: #778899; }
.lightsteelblue { color: #B0C4DE; }
.lightyellow { color: #FFFFE0; }
.lime { color: #00FF00; }
.limegreen { color: #32CD32; }
.linen { color: #FAF0E6; }
.magenta { color: #FF00FF; }
.maroon { color: #800000; }
.mediumaquamarine { color: #66CDAA; }
.mediumblue { color: #0000CD; }
.mediumorchid { color: #BA55D3; }
.mediumpurple { color: #9370DB; }
.mediumseagreen { color: #3CB371; }
.mediumslateblue { color: #7B68EE; }
.mediumspringgreen { color: #00FA9A; }
.mediumturquoise { color: #48D1CC; }
.mediumvioletred { color: #C71585; }
.midnightblue { color: #191970; }
.mintcream { color: #F5FFFA; }
.mistyrose { color: #FFE4E1; }
.moccasin { color: #FFE4B5; }
.navajowhite { color: #FFDEAD; }
.navy { color: #000080; }
.oldlace { color: #FDF5E6; }
.olive { color: #808000; }
.olivedrab { color: #6B8E23; }
.orange { color: #FFA500; }
.orangered { color: #FF4500; }
.orchid { color: #DA70D6; }
.palegoldenrod { color: #EEE8AA; }
.palegreen { color: #98FB98; }
.paleturquoise { color: #AFEEEE; }
.palevioletred { color: #DB7093; }
.papayawhip { color: #FFEFD5; }
.peachpuff { color: #FFDAB9; }
.peru { color: #CD853F; }
.pink { color: #FFC0CB; }
.plum { color: #DDA0DD; }
.powderblue { color: #B0E0E6; }
.purple { color: #800080; }
.rebeccapurple { color: #663399; }
.red { color: #FF0000; }
.rosybrown { color: #BC8F8F; }
.royalblue { color: #4169E1; }
.saddlebrown { color: #8B4513; }
.salmon { color: #FA8072; }
.sandybrown { color: #F4A460; }
.seagreen { color: #2E8B57; }
.seashell { color: #FFF5EE; }
.sienna { color: #A0522D; }
.silver { color: #C0C0C0; }
.skyblue { color: #87CEEB; }
.slateblue { color: #6A5ACD; }
.slategray { color: #708090; }
.slategrey { color: #708090; }
.snow { color: #FFFAFA; }
.springgreen { color: #00FF7F; }
.steelblue { color: #4682B4; }
.tan { color: #D2B48C; }
.teal { color: #008080; }
.thistle { color: #D8BFD8; }
.lightcyan { color: #FF6347; }
.turquoise { color: #40E0D0; }
.violet { color: #EE82EE; }
.wheat { color: #F5DEB3; }
.white { color: #FFFFFF; }
.whitesmoke { color: #F5F5F5; }
.yellow { color: #FFFF00; }
.yellowgreen { color: #9ACD32; }

/* Clomp's Custom Web-Safe Colors */
.red { color: #FF0000; }
.orange { color: #FFAA00; }
.yellow { color: #FFCC00; }
.green { color: #009900; }
.blue.bright { color: #0000FF; }
.blue { color: #000099; }
.gray.light { color: #999999; }
.gray { color: #777777; }
.gray.dark { color: #555555; }
.silver { color: #CCCCCC; }

/* Allows for gold text on blue backgrounds, as well as white backgrounds. */
.gold.shadow {
	text-shadow: 1px 1px 3px navy;
}

/* Since we all remember using Crayola crayons in grade school, it seemed like fun to add some web hex colors to match those.
Source: https://www.w3schools.com/colors/colors_crayola.asp but Clomp actually wrote these styles: */

/* Crayola Standard Colors */

/* Crayola Reds */
.crayola.red { color: #ED0A3F; }
.crayola.maroon { color: #C32148; }
.crayola.scarlet { color: #FD0E35; }
.crayola.brick-red { color: #C62D42; }
.crayola.madder-lake { color: #CC3336; }
.crayola.permanent-geranium-lake { color: #E12C2C; }
.crayola.maximum-red { color: #D92121; }
.crayola.dark-venetian-red { color: #B33B24; }
.crayola.jazzberry-jam { color: #A50B5E; }
.crayola.razzmatazz { color: #E30B5C; }

/* Crayola Oranges */
.crayola.english-vermilion { color: #CC474B; }
.crayola.indian-red { color: #B94E48; }
.crayola.bittersweet { color: #FE6F5E; }
.crayola.venetian-red { color: #CC553D; }
.crayola.middle-red { color: #E58E73; }
.crayola.orange-red { color: #FF5349; }
.crayola.sunset-orange { color: #FE4C40; }
.crayola.light-venetian-red { color: #E6735C; }
.crayola.vivid-tangerine { color: #FF9980; }
.crayola.burnt-orange { color: #FF7F49; }
.crayola.red-orange { color: #FF681F; }
.crayola.orange { color: #FF8833; }
.crayola.mango-tango { color: #E77200; }
.crayola.raw-sienna { color: #D27D46; }
.crayola.tumbleweed { color: #DEA681; }

/* Crayola Yellows */
.crayola.macaroni-and-cheese { color: #FFB97B; }
.crayola.middle-yellow-red { color: #ECB176; }
.crayola.yellow-orange { color: #FFAE42; }
.crayola.maximum-yellow-red { color: #F2BA49; }
.crayola.banana-mania { color: #FBE7B2; }
.crayola.maize { color: #F2C649; }
.crayola.orange-yellow { color: #F8D568; }
.crayola.goldenrod { color: #FCD667; }
.crayola.dandelion { color: #FED85D; }
.crayola.yellow { color: #FBE870; }
.crayola.green-yellow { color: #F1E788; }
.crayola.middle-yellow { color: #FFEB00; }
.crayola.maximum-yellow { color: #FAFA37; }
.crayola.maximum-green-yellow { color: #D9E650; }
.crayola.lemon-yellow { color: #FFFF9F; }
.crayola.canary { color: #FFFF99; }
.crayola.raw-sienna-i { color: #E6BC5C; }

/* Crayola Greens */
.crayola.spring-green { color: #ECEBBD; }
.crayola.light-chrome-green { color: #BEE64B; }
.crayola.yellow-green { color: #C5E17A; }
.crayola.olive-green { color: #B5B35C; }
.crayola.middle-green-yellow { color: #ACBF60; }
.crayola.inchworm { color: #AFE313; }
.crayola.maximum-green { color: #5E8C31; }
.crayola.asparagus { color: #7BA05B; }
.crayola.granny-smith-apple { color: #9DE093; }
.crayola.fern { color: #63B76C; }
.crayola.middle-green { color: #4D8C57; }
.crayola.green { color: #3AA655; }
.crayola.medium-chrome-green { color: #6CA67C; }
.crayola.forest-green { color: #5FA777; }
.crayola.sea-green { color: #93DFB8; }
.crayola.shamrock { color: #33CC99; }
.crayola.mountain-meadow { color: #1AB385; }
.crayola.jungle-green { color: #29AB87; }
.crayola.caribbean-green { color: #00CC99; }
.crayola.pine-green { color: #01786F; }
.crayola.tropical-rain-forest { color: #00755E; }

/* Crayola Blues */
.crayola.periwinkle { color: #C3CDE6; }
.crayola.cadet-blue { color: #A9B2C3; }
.crayola.light-blue { color: #8FD8D8; }
.crayola.aquamarine { color: #95E0E8; }
.crayola.turquoise-blue { color: #6CDAE7; }
.crayola.middle-blue-green { color: #8DD9CC; }
.crayola.sky-blue { color: #76D7EA; }
.crayola.middle-blue { color: #7ED4E6; }
.crayola.maximum-blue-green { color: #30BFBF; }
.crayola.robins-egg-blue { color: #00CCCC; }
.crayola.teal-blue { color: #008080; }
.crayola.blue-Green { color: #0095B7; }
.crayola.pacific-blue { color: #009DC4; }
.crayola.cerulean { color: #02A4D3; }
.crayola.maximum-blue { color: #47ABCC; }
.crayola.blue-i { color: #4997D0; }
.crayola.cerulean-blue { color: #339ACC; }
.crayola.cornflower { color: #93CCEA; }
.crayola.green-blue { color: #2887C8; }
.crayola.midnight-blue { color: #00468C; }
.crayola.navy-blue { color: #0066CC; }
.crayola.denim { color: #1560BD; }
.crayola.blue-iii { color: #0066FF; }
.crayola.blue-ii { color: #4570E6; }
.crayola.wild-blue-yonder { color: #7A89B8; }

/* Crayola Indigos */
.crayola.indigo { color: #4F69C6; }
.crayola.manatee { color: #8D90A1; }
.crayola.cobalt-blue { color: #8C90C8; }
.crayola.celestial-blue { color: #7070CC; }
.crayola.blue-bell { color: #9999CC; }
.crayola.maximum-blue-purple { color: #ACACE6; }

/* Crayola Purples */
.crayola.ultramarine-blue { color: #3F26BF; }
.crayola.violet-blue { color: #766EC8; }
.crayola.blue-Violet { color: #6456B7; }
.crayola.middle-blue-purple { color: #8B72BE; }
.crayola.purple-heart { color: #652DC1; }
.crayola.royal-purple { color: #6B3FA0; }
.crayola.violet-ii { color: #8359A3; }
.crayola.medium-violet { color: #8F47B3; }
.crayola.wisteria { color: #C9A0DC; }
.crayola.lavender-i { color: #BF8FCC; }
.crayola.vivid-violet { color: #803790; }
.crayola.maximum-purple { color: #733380; }

/* Crayola Violets */
.crayola.purple-mountains-majesty { color: #D6AEDD; }
.crayola.fuchsia { color: #C154C1; }
.crayola.pink-flamingo { color: #FC74FD; }
.crayola.violet-i { color: #732E6C; }
.crayola.brilliant-rose { color: #E667CE; }
.crayola.orchid { color: #E29CD2; }
.crayola.plum { color: #8E3179; }
.crayola.medium-rose { color: #D96CBE; }
.crayola.thistle { color: #EBB0D7; }
.crayola.mulberry { color: #C8509B; }
.crayola.red-violet { color: #BB3385; }
.crayola.middle-purple { color: #D982B5; }
.crayola.maximum-red-purple { color: #A63A79; }
.crayola.eggplant { color: #614051; }

/* Crayola Magentas */
.crayola.magenta { color: #F653A6; }
.crayola.cerise { color: #DA3287; }
.crayola.wild-strawberry { color: #FF3399; }

/* Crayola Pinks */
.crayola.lavender-ii { color: #FBAED2; }
.crayola.cotton-candy { color: #FFB7D5; }
.crayola.carnation-pink { color: #FFA6C9; }
.crayola.violet-red { color: #F7468A; }
.crayola.pig-pink { color: #FDD7E4; }
.crayola.carmine { color: #E62E6B; }
.crayola.blush { color: #DB5079; }
.crayola.tickle-me-pink { color: #FC80A5; }
.crayola.mauvelous { color: #F091A9; }
.crayola.salmon { color: #FF91A4; }
.crayola.middle-red-purple { color: #A55353; }

/* Crayola Browns */
.crayola.mahogany { color: #CA3435; }
.crayola.melon { color: #FEBAAD; }
.crayola.desert-sand { color: #EDC9AF; }
.crayola.peach { color: #FFCBA4; }
.crayola.pink-sherbert { color: #F7A38E; }
.crayola.burnt-sienna { color: #E97451; }
.crayola.brown { color: #AF593E; }
.crayola.sepia { color: #9E5B40; }
.crayola.fuzzy-wuzzy { color: #87421F; }
.crayola.beaver { color: #926F5B; }
.crayola.van-dyke-brown { color: #664228; }
.crayola.tan { color: #D99A6C; }
.crayola.burnt-umber { color: #805533; }
.crayola.apricot { color: #FDD5B1; }
.crayola.almond { color: #EED9C4; }
.crayola.raw-umber { color: #665233; }
.crayola.shadow { color: #837050; }
.crayola.timberwolf { color: #D9D6CF; }

/* Crayola Metals */
.crayola.gold-i { color: #92926E; }
.crayola.gold-ii { color: #E6BE8A; }
.crayola.silver { color: #C9C0BB; }
.crayola.copper { color: #DA8A67; }
.crayola.antique-brass { color: #C88A65; }

/* Crayola Grays & Black */
.crayola.blue-gray { color: #C8C8CD; }
.crayola.gray { color: #8B8680; }
.crayola.charcoal-gray { color: #736A62; }
.crayola.outer-space { color: #2D383A; }
.crayola.black { color: #000000; }

/* Crayola Fluorescent colors */
.crayola.radical-red { color: #FF355E; }
.crayola.wild-watermelon { color: #FD5B78; }
.crayola.outrageous-orange { color: #FF6037; }
.crayola.atomic-tangerine { color: #FF9966; }
.crayola.neon-carrot { color: #FF9933; }
.crayola.sunglow { color: #FFCC33; }
.crayola.laser-lemon { color: #FFFF66; }
.crayola.unmellow-yellow { color: #FFFF66; }
.crayola.electric-lime { color: #CCFF00; }
.crayola.screamin-green { color: #66FF66; }
.crayola.magic-mint { color: #AAF0D1; }
.crayola.blizzard-blue { color: #50BFE6; }
.crayola.shocking-pink { color: #FF6EFF; }
.crayola.razzle-dazzle-rose { color: #EE34D2; }
.crayola.hot-magenta { color: #FF00CC; }
.crayola.purple-pizzazz { color: #FF00CC; }

/* Crayola Bright colors */
.crayola.sizzling-red { color: #FF3855; }
.crayola.red-salsa { color: #FD3A4A; }
.crayola.tart-orange { color: #FB4D46; }
.crayola.orange-soda { color: #FA5B3D; }
.crayola.bright-yellow { color: #FFAA1D; }
.crayola.yellow-sunshine { color: #FFF700; }
.crayola.slimy-green { color: #299617; }
.crayola.green-lizard { color: #A7F432; }
.crayola.denim-blue { color: #2243B6; }
.crayola.blue-jeans { color: #5DADEC; }
.crayola.plump-purple { color: #5946B2; }
.crayola.purple-plum { color: #9C51B6; }
.crayola.sweet-brown { color: #A83731; }
.crayola.brown-sugar { color: #AF6E4D; }
.crayola.eerie-black { color: #1B1B1B; }
.crayola.black-shadows { color: #BFAFB2; }
.crayola.fiery-rose { color: #FF5470; }
.crayola.sizzling-sunrise { color: #FFDB00; }
.crayola.heat-wave { color: #FF7A00; }
.crayola.lemon-glacier { color: #FDFF00; }
.crayola.spring-frost { color: #87FF2A; }
.crayola.absolute-zero { color: #0048BA; }
.crayola.winter-sky { color: #FF007C; }
.crayola.frostbite { color: #E936A7; }

/* Crayola Metallic colors */
.crayola.alloy-orange { color: #C46210; }
.crayola.bedazzled-blue { color: #2E5894; }
.crayola.big-dip-o-ruby { color: #9C2542; }
.crayola.bittersweet-shimmer { color: #BF4F51; }
.crayola.blast-off-bronze { color: #A57164; }
.crayola.cyber-grape { color: #58427C; }
.crayola.deep-space-sparkle { color: #4A646C; }
.crayola.gold-fusion { color: #85754E; }
.crayola.illuminating-emerald { color: #319177; }
.crayola.metallic-seaweed { color: #0A7E8C; }
.crayola.metallic-sunburst { color: #9C7C38; }
.crayola.razzmic-berry { color: #8D4E85; }
.crayola.sheen-green { color: #8FD400; }
.crayola.shimmering-blush { color: #D98695; }
.crayola.sonic-silver { color: #757575; }
.crayola.steel-blue { color: #0081AB; }

/* Crayola Silver colors */
.crayola.aztec-gold { color: #C39953; }
.crayola.burnished-brown { color: #A17A74; }
.crayola.cerulean-frost { color: #6D9BC3; }
.crayola.cinnamon-satin { color: #CD607E; }
.crayola.copper-penny { color: #AD6F69; }
.crayola.cosmic-cobalt { color: #2E2D88; }
.crayola.glossy-grape { color: #AB92B3; }
.crayola.granite-gray { color: #676767; }
.crayola.green-sheen { color: #6EAEA1; }
.crayola.lilac-luster { color: #AE98AA; }
.crayola.misty-moss { color: #BBB477; }
.crayola.mystic-maroon { color: #AD4379; }
.crayola.pearly-purple { color: #B768A2; }
.crayola.pewter-blue { color: #8BA8B7; }
.crayola.polished-pine { color: #5DA493; }
.crayola.quick-silver { color: #A6A6A6; }
.crayola.rose-dust { color: #9E5E6F; }
.crayola.rusty-red { color: #DA2C43; }
.crayola.shadow-blue { color: #778BA5; }
.crayola.shiny-shamrock { color: #5FA778; }
.crayola.steel-teal { color: #5F8A8B; }
.crayola.sugar-plum { color: #914E75; }
.crayola.twilight-lavender { color: #8A496B; }
.crayola.wintergreen-dream { color: #56887D; }

/* Crayola Fragrance colors */
.crayola.baby-powder { color: #FEFEFA; }
.crayola.banana { color: #FFD12A; }
.crayola.blueberry { color: #4F86F7; }
.crayola.bubble-gum { color: #FFD3F8; }
.crayola.cedar-chest { color: #C95A49; }
.crayola.cherry { color: #DA2647; }
.crayola.chocolate { color: #BD8260; }
.crayola.coconut { color: #FEFEFE; }
.crayola.daffodil { color: #FFFF31; }
.crayola.dirt { color: #9B7653; }
.crayola.eucalyptus { color: #44D7A8; }
.crayola.fresh-air { color: #A6E7FF; }
.crayola.grape { color: #6F2DA8; }
.crayola.jelly-bean { color: #DA614E; }
.crayola.leather-jacket { color: #253529; }
.crayola.lemon { color: #FFFF38; }
.crayola.licorice { color: #1A1110; }
.crayola.lilac { color: #DB91EF; }
.crayola.lime { color: #B2F302; }
.crayola.lumber { color: #FFE4CD; }
.crayola.new-car { color: #214FC6; }
.crayola.orange { color: #FF8866; }
.crayola.peach { color: #FFD0B9; }
.crayola.pine { color: #45A27D; }
.crayola.rose { color: #FF5050; }
.crayola.shampoo { color: #FFCFF1; }
.crayola.smoke { color: #738276; }
.crayola.soap { color: #CEC8EF; }
.crayola.strawberry { color: #FC5A8D; }
.crayola.tulip { color: #FF878D; }

/* Crayola Jewelry Stones */
.crayola.amethyst { color: #64609A; }
.crayola.citrine { color: #933709; }
.crayola.emerald { color: #14A989; }
.crayola.jade { color: #469A84; }
.crayola.jasper { color: #D05340; }
.crayola.lapis-lazuli { color: #436CB9; }
.crayola.malachite { color: #469496; }
.crayola.moonstone { color: #3AA8C1; }
.crayola.onyx { color: #353839; }
.crayola.peridot { color: #ABAD48; }
.crayola.pink-pearl { color: #B07080; }
.crayola.rose-quartz { color: #BD559C; }
.crayola.ruby { color: #AA4069; }
.crayola.sapphire { color: #2D5DA1; }
.crayola.smokey-topaz { color: #832A0D; }
.crayola.tigers-eye { color: #B56917; }

/* Crayola Magic Scent */
.crayola.baseball-mitt-burnt-sienna { color: #E97451; }
.crayola.bubble-bath-tickle-me-pink { color: #FC80A5; }
.crayola.earthworm-brick-red { color: #C62D42; }
.crayola.flower-shop-wisteria { color: #C9A0DC; }
.crayola.fresh-air-sky-blue { color: #76D7EA; }
.crayola.grandmas-perfume-orange { color: #FF8833; }
.crayola.koala-tree-jungle-green { color: #29AB87; }
.crayola.pet-shop-brown { color: #AF593E; }
.crayola.pine-tree-pine-green { color: #01786F; }
.crayola.saw-dust-peach { color: #FFCBA4; }
.crayola.sharpening-pencils-goldenrod { color: #FCD667; }
.crayola.smell-the-roses-red { color: #ED0A3F; }
.crayola.sunny-day-yellow { color: #FBE870; }
.crayola.wash-the-dog-dandelion { color: #FED85D; }

/* Crayola Scary Scents */
.crayola.alien-armpit { color: #84DE02; }
.crayola.big-foot-feet { color: #E88E5A; }
.crayola.booger-buster { color: #DDE26A; }
.crayola.dingy-dungeon { color: #C53151; }
.crayola.gargoyle-gas { color: #FFDF46; }
.crayola.giants-club { color: #B05C52; }
.crayola.magic-potion { color: #FF4466; }
.crayola.mummys-tomb { color: #828E84; }
.crayola.ogre-odor { color: #FD5240; }
.crayola.pixie-powder { color: #391285; }
.crayola.princess-perfume { color: #FF85CF; }
.crayola.sasquatch-socks { color: #FF4681; }
.crayola.sea-serpent { color: #4BC7CF; }
.crayola.smashed-pumpkin { color: #FF6D3A; }
.crayola.sunburnt-cyclops { color: #FF404C; }
.crayola.winter-wizard { color: #A0E6FF; }

/* Since Clomp studied art in college, he likes colored pencils, which contain warm grays & cool grays.
So here are some additional color codes for those. */

/* Source: https://www.color-name.com/warm-grey.color but Clomp actually wrote these styles: */
.warm.gray { color: #9E9A9A; }
.granite.gray { color: #616565; }
.spanish.gray { color: #9A9E9E; } /* AKA: Spanish Gray... "1" */

/* Tints */
.warm.gray.tints.tint-1 { color: #F5F5F5; }
.warm.gray.tints.tint-2 { color: #ECEBEB; }
.warm.gray.tints.tint-3 { color: #E2E1E1; }
.warm.gray.tints.tint-4 { color: #D8D7D7; }
.warm.gray.tints.tint-5 { color: #CFCDCD; }
.warm.gray.tints.tint-6 { color: #C5C2C2; }
.warm.gray.tints.tint-7 { color: #BBB8B8; }
.warm.gray.tints.tint-8 { color: #B1AEAE; }

/* Tones */
.warm.gray.tones.tone-1 { color: #989595; }
.warm.gray.tones.tone-2 { color: #959292; }
.warm.gray.tones.tone-3 { color: #929090; }
.warm.gray.tones.tone-4 { color: #8F8D8D; }
.warm.gray.tones.tone-5 { color: #8C8A8A; }
.warm.gray.tones.tone-6 { color: #898888; }
.warm.gray.tones.tone-7 { color: #868585; }
.warm.gray.tones.tone-8 { color: #838383; }

/* Shades */
.warm.gray.shades.shade-1 { color: #7E7B7B; }
.warm.gray.shades.shade-2 { color: #6F6C6C; }
.warm.gray.shades.shade-3 { color: #5F5C5C; }
.warm.gray.shades.shade-4 { color: #4F4D4D; }
.warm.gray.shades.shade-5 { color: #3F3E3E; }
.warm.gray.shades.shade-6 { color: #2F2E2E; }
.warm.gray.shades.shade-7 { color: #201F1F; }
.warm.gray.shades.shade-8 { color: #100F0F; }

/* Color Schemes: https://www.w3schools.com/colors/colors_schemes.asp */

/* Warm Gray Complementary Palette */
.warm.gray.complementary { color: #9A9E9E; } /* AKA: Spanish Gray... "1" */

/* Warm Gray Analogous Palette */
.warm.gray.analogous.analogous-1 { color: #9E9C9A; } /* AKA: Spanish Gray... "2" */
.warm.gray.analogous.analogous-2 { color: #9E9A9C; } /* AKA: Spanish Gray... "3" */

/* Warm Gray Split-Complementary Palette */
.warm.gray.split-complementary.split-complementary-1 { color: #9A9E9C; } /* AKA: Spanish Gray... "4" */
.warm.gray.split-complementary.split-complementary-2 { color: #9A9C9E; } /* AKA: Spanish Gray... "5" */

/* Warm Gray Triadic Palette */
.warm.gray.triadic.triadic-1 { color: #9A9A9E; } /* AKA: Spanish Gray... "6" */
.warm.gray.triadic.triadic-2 { color: #9E9A9A; } /* AKA: Spanish Gray... "7" */

/* Warm Gray Tetradic Palette */
.warm.gray.tetradic.tetradic-1 { color: #9A9E9E; } /* AKA: Spanish Gray... "8" */
.warm.gray.tetradic.tetradic-2 { color: #9E9A9E; } /* AKA: Spanish Gray... "9" */
.warm.gray.tetradic.tetradic-3 { color: #9E9A9A; } /* AKA: Spanish Gray... "10" */

/* Warm Gray Square Palette */
.warm.gray.square.square-1 { color: #9C9E9A; } /* AKA: Spanish Gray... "11" */
.warm.gray.square.square-2 { color: #9A9E9E; } /* AKA: Spanish Gray... "12" */
.warm.gray.square.square-3 { color: #9C9A9E; } /* AKA: Spanish Gray... "13" */

/* Warm Gray Rainbow */
.warm.gray.rainbow.red { color: #9E9A9A; }
.warm.gray.rainbow.orange { color: #9E9D9A; }
.warm.gray.rainbow.yellow { color: #9B9E9A; }
.warm.gray.rainbow.green{ color: #9A9E9C; }
.warm.gray.rainbow.blue { color: #9A9C9E; }
.warm.gray.rainbow.indigo { color: #9B9A9E; }
.warm.gray.rainbow.violet { color: #9E9A9D; }

/* Source: https://www.color-name.com/cool-gray.color but Clomp actually wrote these styles: */
.cool.gray { color: #8C92AC; }
.grullo { color: #ACA68C; } /* AKA: Grullo... "1" */

/* Tints */
.cool.gray.tints.tint-1 { color: #F4F4F7; }
.cool.gray.tints.tint-2 { color: #E8E9EE; }
.cool.gray.tints.tint-3 { color: #DDDEE6; }
.cool.gray.tints.tint-4 { color: #D1D3DE; }
.cool.gray.tints.tint-5 { color: #C6C9D6; }
.cool.gray.tints.tint-6 { color: #BABECD; }
.cool.gray.tints.tint-7 { color: #AFB3C5; }
.cool.gray.tints.tint-8 { color: #A3A8BD; }

/* Tones */
.cool.gray.tones.tone-1 { color: #8A8EA3; }
.cool.gray.tones.tone-2 { color: #888D9F; }
.cool.gray.tones.tone-3 { color: #878B9A; }
.cool.gray.tones.tone-4 { color: #868996; }
.cool.gray.tones.tone-5 { color: #858792; }
.cool.gray.tones.tone-6 { color: #84858D; }
.cool.gray.tones.tone-7 { color: #828489; }
.cool.gray.tones.tone-8 { color: #818284; }

/* Shades */
.cool.gray.shades.shade-1 { color: #70758A; }
.cool.gray.shades.shade-2 { color: #626678; }
.cool.gray.shades.shade-3 { color: #545867; }
.cool.gray.shades.shade-4 { color: #464956; }
.cool.gray.shades.shade-5 { color: #383A45; }
.cool.gray.shades.shade-6 { color: #2A2C34; }
.cool.gray.shades.shade-7 { color: #1C1D22; }
.cool.gray.shades.shade-8 { color: #0E0F11; }

/* Color Schemes: https://www.w3schools.com/colors/colors_schemes.asp */

/* Cool Gray Complementary Palette */
.cool.gray.complementary { color: #ACA68C; } /* AKA: Grullo... "1" */

/* Cool Gray Analogous Palette */
.cool.gray.analogous.analogous-1 { color: #968CAC; } /* AKA: Deep Amethyst */
.cool.gray.analogous.analogous-2 { color: #8CA2AC; } /* AKA: Cadet Grey */

/* Cool Gray Split-Complementary Palette */
.cool.gray.split-complementary.split-complementary-1 { color: #AC968C; } /* AKA: Grullo... "2"  */
.cool.gray.split-complementary.split-complementary-2 { color: #A2AC8C; } /* AKA: Grullo... "3" */

/* Cool Gray Triadic Palette */
.cool.gray.triadic.triadic-1 { color: #AC8C92; } /* AKA: English Lavender */
.cool.gray.triadic.triadic-2 { color: #92AC8C; } /* AKA: Dark Sea Green */

/* Cool Gray Tetradic Palette */
.cool.gray.tetradic.tetradic-1 { color: #AC8C92; } /* AKA: English Lavender */
.cool.gray.tetradic.tetradic-2 { color: #ACA68C; } /* AKA: Grullo... "1" */
.cool.gray.tetradic.tetradic-3 { color: #8CACA6; } /* AKA: Cadet Grey */

/* Cool Gray Square Palette */
.cool.gray.square.square-1 { color: #AC8CA2; } /* AKA: Heliotrope Gray */
.cool.gray.square.square-2 { color: #ACA68C; } /* AKA: Grullo... "1" */
.cool.gray.square.square-3 { color: #8CAC96; } /* AKA: Morning Blue */

/* Cool Gray Rainbow */
.cool.gray.rainbow.red { color: #AC8C9B; }
.cool.gray.rainbow.orange { color: #AC988C; }
.cool.gray.rainbow.yellow { color: #A4AC8C; }
.cool.gray.rainbow.green{ color: #8CAC8F; }
.cool.gray.rainbow.blue { color: #8CACAB; }
.cool.gray.rainbow.indigo { color: #8C92AC; }
.cool.gray.rainbow.violet { color: #A28CAC; }

/* Clomp's Gray Scale
Source: https://www.w3schools.com/colors/colors_shades.asp, but Clomp wrote these styles: 

0 - 16

11 Steps, between 0% - 100% = 16 characters:
[0]123456789ABCDE[F]

9 steps, between 1% - 99% = 14 characters:
123456789ABCDE = 14 / 9 = 1.555555555555556

Each color has 2 letters.
0123456789ABCDEF

So it would look like this:
1st Letter: 0                1                2                3                4                5                6                7                8                9                A                B                C                D                E                F
2nd Letter:  0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF 0123456789ABCDEF

That creates a sequence chain, which is 256 characters long:
0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF

11 Steps, between 0% - 100% = 256 characters:
[0]123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDE[F]

9 steps, between 1% - 99% = 254 characters:
123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDE

254 / 9 = 28.22222222222222

Removing 0's for readability, where each space represents a 0.
123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDE
123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 1234
                                                 50                                                100                                               150                                               200                                               250
v
So 28 spaces is here:
                            |28

Now we can measure:
0                1                2                3                4                5                6                7                8                9                A                B                C                D                E                F
                            |                            |                            |                            |                            |                            |                            |                            |                            |
X123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEX
                                                                                                                                                                                                                                                                X123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEX
And we get: 1C, 39, 56, 63, 80, AD, BA, D7, ?? <- Nope.

Need to reduce it slightly.

                            |                            |                            |                            |                            |                            |                            |                            |                            |                            X
0%                          10%                          20%                          30%                          40%                          50%                          60%                          70%                          80%                          90%                          100%
            GAP 1                        GAP 2                        GAP 3                        GAP 4                        GAP 5                        GAP 6                        GAP 7                        GAP 8                        GAP 9                        GAP 10           |

There are 10 gaps.
254 / 10 = 25.4 <- Every 2 = +1
256 / 10 = 25.6

Every 25 x 10 = 255 + 5 extra = 260

0                1                2                3                4                5                6                7                8                9                A                B                C                D                E                F
|                        |                        E|                        |                        E|                        |                        E|                        |                        E|                        |                        E|
X123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEF 123456789ABCDEX

So now we get: 00, 19, 33, 4C, 66, 7F, 99, A2, CC, D5, FF.
We'll use 67 instead of 66. */

/* Clomp's Gray Scale */
.grayscale.gray-100 { color: #000000; } /* AKA: Black */
.grayscale.gray-90  { color: #191919; }
.grayscale.gray-80  { color: #333333; }
.grayscale.gray-70  { color: #4C4C4C; }
.grayscale.gray-60  { color: #676767; }
.grayscale.gray-fifty  { color: #7F7F7F; }
.grayscale.gray-40  { color: #999999; }
.grayscale.gray-30  { color: #A2A2A2; }
.grayscale.gray-20  { color: #CCCCCC; }
.grayscale.gray-10  { color: #D5D5D5; }
.grayscale.gray-0   { color: #FFFFFF; } /* AKA: White */

/* Clomp's Warm Gray Scale */
.warm.gray-100 { color: #000000; } /* AKA: Black */
.warm.gray-90  { color: #191919; }
.warm.gray-80  { color: #333333; }
.warm.gray-70  { color: #4C4C4C; }
.warm.gray-60  { color: #676767; }
.warm.gray-50  { color: #7F7F7F; }
.warm.gray-40  { color: #999999; }
.warm.gray-30  { color: #A2A2A2; }
.warm.gray-20  { color: #CCCCCC; }
.warm.gray-10  { color: #D5D5D5; }
.warm.gray-0   { color: #FFFFFF; } /* AKA: White */

/* Clomp's Cool Gray Scale */
.cool.gray-100 { color: #000000; } /* AKA: Black */
.cool.gray-90  { color: #191919; }
.cool.gray-80  { color: #333333; }
.cool.gray-70  { color: #4C4C4C; }
.cool.gray-60  { color: #676767; }
.cool.gray-50  { color: #7F7F7F; }
.cool.gray-40  { color: #999999; }
.cool.gray-30  { color: #A2A2A2; }
.cool.gray-20  { color: #CCCCCC; }
.cool.gray-10  { color: #D5D5D5; }
.cool.gray-0   { color: #FFFFFF; } /* AKA: White */

/* Research:
11 steps from 0 to 100.
Formula is: Math.Round(255 / X%) = RGB values. The HSLA (Hue Saturation Luminocity Alpha) is the double check.
  0% = rgb(0,0,0) = #000000 = HSLA: 0 0% 0% 1
 10% = rgb(26,26,26) = #1a1a1a = HSLA: 0 0% 10% 1
 20% = rgb(51,51,51) = #333333 = HSLA: 0 0% 20% 1
 30% = rgb(77,77,77) = #4d4d4d = HSLA: 0 0% 30% 1
 40% = rgb(103,103,103) = #676767 = HSLA: 0 0% 40% 1 <- Clomp doesn't like all 6's. It's adjusted slightly, but still shows up as HSLA: 0 0% 40% 1.
 50% = rgb(128,128,128) = #808080 = HSLA: 0 0% 50% 1
 60% = rgb(153,153,153) = #999999 = HSLA: 0 0% 60% 1
 70% = rgb(179,179,179) = #b3b3b3 = HSLA: 0 0% 70% 1
 80% = rgb(204,204,204) = #cccccc = HSLA: 0 0% 80% 1
 90% = rgb(230,230,230) = #e6e6e6 = HSLA: 0 0% 90% 1
100% = rgb(255,255,255) = #FFFFFF = HSLA: 0 0% 100% 1
*/

/* Prismacolor Pencils AKA from art classes
Source: http://www.jennyscrayoncollection.com/2020/04/complete-list-of-prismacolor-premier.html, but Clomp wrote these styles: */

.prismacolor.gray-cool-10 { color: #E6E8E8; /* AKA: rgb(230, 232, 232) */ }
.prismacolor.gray-cool-20 { color: #D9DDE2; /* AKA: rgb(217, 221, 226) */ }
.prismacolor.gray-cool-30 { color: #C7CED5; /* AKA: rgb(199, 206, 213) */ }
.prismacolor.gray-cool-50 { color: #A7B0B8; /* AKA: rgb(167, 176, 184) */ }
.prismacolor.gray-cool-70 { color: #7C8C8E; /* AKA: rgb(124, 140, 142) */ }
.prismacolor.gray-cool-90 { color: #2D4A5A; /* AKA: rgb(45, 74, 90) */ }

.prismacolor.gray-french-10 { color: #E9E7DD; /* AKA: rgb(233, 231, 221) */ }
.prismacolor.gray-french-20 { color: #D4D3C9; /* AKA: rgb(212, 211, 201) */ }
.prismacolor.gray-french-30 { color: #C1BFB8; /* AKA: rgb(193, 191, 184) */ }
.prismacolor.gray-french-50 { color: #ABA4A1; /* AKA: rgb(171, 164, 161) */ }
.prismacolor.gray-french-70 { color: #7B6D62; /* AKA: rgb(123, 109, 98) */ }
.prismacolor.gray-french-90 { color: #292726; /* AKA: rgb(41, 39, 38) */ }

.prismacolor.gray-warm-10 { color: #EAE8EA; /* AKA: rgb(234, 232, 234) */ }
.prismacolor.gray-warm-20 { color: #D5D3D5; /* AKA: rgb(213, 211, 213) */ }
.prismacolor.gray-warm-30 { color: #C2BBBB; /* AKA: rgb(194, 187, 187) */ }
.prismacolor.gray-warm-50 { color: #A299A1; /* AKA: rgb(162, 153, 161) */ }
.prismacolor.gray-warm-70 { color: #6D6262; /* AKA: rgb(109, 98, 98) */ }
.prismacolor.gray-warm-90 { color: #554A4A; /* AKA: rgb(85, 74, 74) */ }

.prismacolor.apple-green { color: #4DAD44; /* AKA: rgb(77, 173, 68) */ }
.prismacolor.aquamarine { color: #008C9E; /* AKA: rgb(0, 140, 158) */ }
.prismacolor.artichoke { color: #7F7315; /* AKA: rgb(127, 115, 21) */ }
.prismacolor.beige { color: #FADDB2; /* AKA: rgb(250, 221, 178) */ }
.prismacolor.beige-sienna { color: #DDA492; /* AKA: rgb(221, 164, 146) */ }
.prismacolor.black { color: #000000; /* AKA: rgb(0, 0, 0) */ }
.prismacolor.black-cherry { color: #520040; /* AKA: rgb(82, 0, 64) */ }
.prismacolor.black-grape { color: #320341; /* AKA: rgb(50, 3, 65) */ }
.prismacolor.black-raspberry { color: #3B0A12; /* AKA: rgb(59, 10, 18) */ }
.prismacolor.blue-lake { color: #568BD2; /* AKA: rgb(86, 139, 210) */ }
.prismacolor.blue-slate { color: #94B2D6; /* AKA: rgb(148, 178, 214) */ }
.prismacolor.blue-violet-lake { color: #4575BF; /* AKA: rgb(69, 117, 191) */ }
.prismacolor.blush-pink { color: #FFBCB8; /* AKA: rgb(255, 188, 184) */ }
.prismacolor.bronze { color: #A17315; /* AKA: rgb(161, 115, 21) */ }
.prismacolor.burnt-ochre { color: #9F5215; /* AKA: rgb(159, 82, 21) */ }
.prismacolor.cadmium-orange-hue { color: #E9773D; /* AKA: rgb(233, 119, 61) */ }
.prismacolor.canary-yellow { color: #FFFF6A; /* AKA: rgb(255, 255, 106) */ }
.prismacolor.aribbean-sea { color: #8BBBE0; /* AKA: rgb(139, 187, 224) */ }
.prismacolor.carmine-red { color: #DB3129; /* AKA: rgb(219, 49, 41) */ }
.prismacolor.celadon-green { color: #ACBD9D; /* AKA: rgb(172, 189, 157) */ }
.prismacolor.cerulean-blue { color: #005895; /* AKA: rgb(0, 88, 149) */ }
.prismacolor.chartreuse { color: #C7D35C; /* AKA: rgb(199, 211, 92) */ }
.prismacolor.chestnut { color: #672F17; /* AKA: rgb(103, 47, 23) */ }
.prismacolor.china-blue { color: #315AC7; /* AKA: rgb(49, 90, 199) */ }
.prismacolor.chocolate { color: #481B0F; /* AKA: rgb(72, 27, 15) */ }
.prismacolor.clay-rose { color: #C2A9AE; /* AKA: rgb(194, 169, 174) */ }
.prismacolor.cloud-blue { color: #C7DDEA; /* AKA: rgb(199, 221, 234) */ }
.prismacolor.cobalt-blue-hue { color: #32358B; /* AKA: rgb(50, 53, 139) */ }
.prismacolor.cobalt-turquoise { color: #006769; /* AKA: rgb(0, 103, 105) */ }
.prismacolor.copenhagen-blue { color: #005B8E; /* AKA: rgb(0, 91, 142) */ }
.prismacolor.cream { color: #FFF4C8; /* AKA: rgb(255, 244, 200) */ }
.prismacolor.crimson-lake { color: #880503; /* AKA: rgb(136, 5, 3) */ }
.prismacolor.crimson-red { color: #B42830; /* AKA: rgb(180, 40, 48) */ }
.prismacolor.dahlia-purple { color: #8D007B; /* AKA: rgb(141, 0, 123) */ }
.prismacolor.dark-brown { color: #431F16; /* AKA: rgb(67, 31, 22) */ }
.prismacolor.dark-green { color: #00512D; /* AKA: rgb(0, 81, 45) */ }
.prismacolor.dark-purple { color: #652B84; /* AKA: rgb(101, 43, 132) */ }
.prismacolor.dark-umber { color: #422B20; /* AKA: rgb(66, 43, 32) */ }
.prismacolor.deco-peach { color: #FEE3E4; /* AKA: rgb(254, 227, 228) */ }
.prismacolor.deco-pink { color: #FFD5E3; /* AKA: rgb(255, 213, 227) */ }
.prismacolor.deco-yellow { color: #FFF1AB; /* AKA: rgb(255, 241, 171) */ }
.prismacolor.denim-blue { color: #004993; /* AKA: rgb(0, 73, 147) */ }
.prismacolor.dioxazine-purple-hue { color: #2B1A68; /* AKA: rgb(43, 26, 104) */ }
.prismacolor.eggshell { color: #FFEAC6; /* AKA: rgb(255, 234, 198) */ }
.prismacolor.electric-blue { color: #008ACF; /* AKA: rgb(0, 138, 207) */ }
.prismacolor.espresso { color: #533D2E; /* AKA: rgb(83, 61, 46) */ }
.prismacolor.ginger-root { color: #E7CEB1; /* AKA: rgb(231, 206, 177) */ }
.prismacolor.goldenrod { color: #E8A42C; /* AKA: rgb(232, 164, 44) */ }
.prismacolor.grass-green { color: #158245; /* AKA: rgb(21, 130, 69) */ }
.prismacolor.green-ocre { color: #A08C1C; /* AKA: rgb(160, 140, 28) */ }
.prismacolor.grey-green-light { color: #CAD9CB; /* AKA: rgb(202, 217, 203) */ }
.prismacolor.greyed-lavender { color: #CFBDDC; /* AKA: rgb(207, 189, 220) */ }
.prismacolor.henna { color: #994924; /* AKA: rgb(153, 73, 36) */ }
.prismacolor.hot-pink { color: #FF8BBF; /* AKA: rgb(255, 139, 191) */ }
.prismacolor.imperial-violet { color: #230B65; /* AKA: rgb(35, 11, 101) */ }
.prismacolor.indanthrone-blue { color: #000059; /* AKA: rgb(0, 0, 89) */ }
.prismacolor.indigo-blue { color: #002F50; /* AKA: rgb(0, 47, 80) */ }
.prismacolor.jade-green { color: #74BD9F; /* AKA: rgb(116, 189, 159) */ }
.prismacolor.jasmine { color: #FFDD93; /* AKA: rgb(255, 221, 147) */ }
.prismacolor.kelly-green { color: #2F6943; /* AKA: rgb(47, 105, 67) */ }
.prismacolor.kelp-green { color: #738C1C; /* AKA: rgb(115, 140, 28) */ }
.prismacolor.lavender { color: #C39BC8; /* AKA: rgb(195, 155, 200) */ }
.prismacolor.lemon-yellow { color: #FEF769; /* AKA: rgb(254, 247, 105) */ }
.prismacolor.light-aqua { color: #68CDC4; /* AKA: rgb(104, 205, 196) */ }
.prismacolor.light-cerulean-blue { color: #94C7EB; /* AKA: rgb(148, 199, 235) */ }
.prismacolor.light-green { color: #B2DDA9; /* AKA: rgb(178, 221, 169) */ }
.prismacolor.light-peach { color: #FED9C8; /* AKA: rgb(254, 217, 200) */ }
.prismacolor.light-umber { color: #7F633F; /* AKA: rgb(127, 99, 63) */ }
.prismacolor.lilac { color: #7A66A8; /* AKA: rgb(122, 102, 168) */ }
.prismacolor.limepeel { color: #C6CD55; /* AKA: rgb(198, 205, 85) */ }
.prismacolor.magenta { color: #A12049; /* AKA: rgb(161, 32, 73) */ }
.prismacolor.mahogany-red { color: #8C0821; /* AKA: rgb(140, 8, 33) */ }
.prismacolor.marine-green { color: #676210; /* AKA: rgb(103, 98, 16) */ }
.prismacolor.mediterranean-blue { color: #007E9E; /* AKA: rgb(0, 126, 158) */ }
.prismacolor.metallic-gold { color: #AC8B3C; /* AKA: rgb(172, 139, 60) */ }
.prismacolor.mineral-orange { color: #E68C3F; /* AKA: rgb(230, 140, 63) */ }
.prismacolor.moss-green { color: #6E6D13; /* AKA: rgb(110, 109, 19) */ }
.prismacolor.mulberry { color: #A9007B; /* AKA: rgb(169, 0, 123) */ }
.prismacolor.muted-turquoise { color: #51B7C3; /* AKA: rgb(81, 183, 195) */ }
.prismacolor.nectar { color: #E2947B; /* AKA: rgb(226, 148, 123) */ }
.prismacolor.neon-orange { color: #FF7716; /* AKA: rgb(255, 119, 22) */ }
.prismacolor.neon-pink { color: #FF34C0; /* AKA: rgb(255, 52, 192) */ }
.prismacolor.neon-yellow { color: #FFFF3B; /* AKA: rgb(255, 255, 59) */ }
.prismacolor.non-Photo-blue { color: #00BBD4; /* AKA: rgb(0, 187, 212) */ }
.prismacolor.olive-green { color: #3E5939; /* AKA: rgb(62, 89, 57) */ }
.prismacolor.orange { color: #FF6E12; /* AKA: rgb(255, 110, 18) */ }
.prismacolor.pale-sage { color: #DDEAC6; /* AKA: rgb(221, 234, 198) */ }
.prismacolor.pale-vermilion { color: #FA6610; /* AKA: rgb(250, 102, 16) */ }
.prismacolor.parma-violet { color: #8E69BA; /* AKA: rgb(142, 105, 186) */ }
.prismacolor.parrot-green { color: #00B092; /* AKA: rgb(0, 176, 146) */ }
.prismacolor.peach { color: #F1A78D; /* AKA: rgb(241, 167, 141) */ }
.prismacolor.peach-beige { color: #F8E4D6; /* AKA: rgb(248, 228, 214) */ }
.prismacolor.peacock-blue { color: #00739A; /* AKA: rgb(0, 115, 154) */ }
.prismacolor.peacock-green { color: #004729; /* AKA: rgb(0, 71, 41) */ }
.prismacolor.permanent-red { color: #F60000; /* AKA: rgb(246, 0, 0) */ }
.prismacolor.periwinkle { color: #50549B; /* AKA: rgb(80, 84, 155) */ }
.prismacolor.pink { color: #F3889E; /* AKA: rgb(243, 136, 158) */ }
.prismacolor.pink-rose { color: #ECB7C1; /* AKA: rgb(236, 183, 193) */ }
.prismacolor.pomegranate { color: #870038; /* AKA: rgb(135, 0, 56) */ }
.prismacolor.poppy-red { color: #FF4908; /* AKA: rgb(255, 73, 8) */ }
.prismacolor.powder-blue { color: #C3D8EE; /* AKA: rgb(195, 216, 238) */ }
.prismacolor.process-red { color: #D74893; /* AKA: rgb(215, 72, 147) */ }
.prismacolor.pumpkin-orange { color: #DE6619; /* AKA: rgb(222, 102, 25) */ }
.prismacolor.putty-beige { color: #DECDC7; /* AKA: rgb(222, 205, 199) */ }
.prismacolor.raspberry { color: #A31719; /* AKA: rgb(163, 23, 25) */ }
.prismacolor.rosy-beige { color: #D1BDC1; /* AKA: rgb(209, 189, 193) */ }
.prismacolor.prussian-green { color: #113B15; /* AKA: rgb(17, 59, 21) */ }
.prismacolor.salmon-pink { color: #F9AF9C; /* AKA: rgb(249, 175, 156) */ }
.prismacolor.sand { color: #FAE0B7; /* AKA: rgb(250, 224, 183) */ }
.prismacolor.sandbar-brown { color: #866210; /* AKA: rgb(134, 98, 16) */ }
.prismacolor.sap-green-light { color: #78A87C; /* AKA: rgb(120, 168, 124) */ }
.prismacolor.scarlet-lake { color: #D22909; /* AKA: rgb(210, 41, 9) */ }
.prismacolor.seashell-pink { color: #F4D1C4; /* AKA: rgb(244, 209, 196) */ }
.prismacolor.sepia { color: #352D14; /* AKA: rgb(53, 45, 20) */ }
.prismacolor.sienna-brown { color: #9F430A; /* AKA: rgb(159, 67, 10) */ }
.prismacolor.silver { color: #A3A1A3; /* AKA: rgb(163, 161, 163) */ }
.prismacolor.sky-blue-light { color: #B1E1F0; /* AKA: rgb(177, 225, 240) */ }
.prismacolor.slate-grey { color: #347E8F; /* AKA: rgb(52, 126, 143) */ }
.prismacolor.spanish-orange { color: #FFC12A; /* AKA: rgb(255, 193, 42) */ }
.prismacolor.spring-green { color: #85CF66; /* AKA: rgb(133, 207, 102) */ }
.prismacolor.sunburst-yellow { color: #FFD62F; /* AKA: rgb(255, 214, 47) */ }
.prismacolor.terra-cotta { color: #A14107; /* AKA: rgb(161, 65, 7) */ }
.prismacolor.true-blue { color: #007EB4; /* AKA: rgb(0, 126, 180) */ }
.prismacolor.true-green { color: #0BBF7E; /* AKA: rgb(11, 191, 126) */ }
.prismacolor.tuscan-red { color: #6F2436; /* AKA: rgb(111, 36, 54) */ }
.prismacolor.ultramarine { color: #19189E; /* AKA: rgb(25, 24, 158) */ }
.prismacolor.violet { color: #44308F; /* AKA: rgb(68, 48, 143) */ }
.prismacolor.violet-blue { color: #000092; /* AKA: rgb(0, 0, 146) */ }
.prismacolor.white { color: #FFFFFF; /* AKA: rgb(255, 255, 255) */ }
.prismacolor.yellow-chartreuse { color: #FFF991; /* AKA: rgb(255, 249, 145) */ }
.prismacolor.yellow-ochre { color: #DAAD41; /* AKA: rgb(218, 173, 65) */ }
.prismacolor.yellowed-orange { color: #FFA723; /* AKA: rgb(255, 167, 35) */ }

/* Fun New Colors. Source: https://www.color-name.com, but Clomp wrote these styles: */