CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="CSS color codes, chart, font, background, link, guide, text, border, change, Web Safe Color Palette, colour pallette, pallete, palete, palate, pallate, palatte, 216 color chart, Hexadecimal values, html, hex, hexadecimal"> <meta name="Description" content="All about CSS Color Codes, includes color picker and hex color chart."> <link rel="canonical" href="https://www.quackit.com/css/css_color_codes.cfm"> <title>CSS Color Codes</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <link rel="shortcut icon" href="/pix/favicon96.png"> <link rel="apple-touch-icon" href="/pix/apple-touch-icon.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> <link href="/common/css/master.45.min.css" rel="stylesheet"> <script async src="https://cdn.fuseplatform.net/publift/tags/2/3499/fuse.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3H025ZKLN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-Q3H025ZKLN'); </script> </head> <body> <header class="site-header"> <div class="site-header-base"> <div class="site-logo"> <a title="Quackit Homepage" target="_top" href="/"><img src="/pix/quackit_logo_watermark.png" width="87" height="33" alt="Quackit Logo"></a> </div> <button id="site-nav-toggler" class="site-nav-toggler" aria-expanded="false" aria-controls="site-nav"> <span class="sr-only">Toggle navigation</span> ☰ </button> </div> <nav id="site-nav" class="site-nav"> <div class="site-links"> <ul> <li><a href="/"><i class="fa fa-home"></i> <span class="sr-only">Home</span></a></li> <li><a href="/html/">HTML</a></li> <li><a href="/css/">CSS</a></li> <li><a href="/scripting/">Scripting</a></li> <li><a href="/database/">Database</a></li> </ul> </div> <div class="site-search-top"> <form action="/search/" id="cse-search-box-bottom" class="site-search"> <div> <input type="hidden" name="cx" value="partner-pub-6331358926293806:98x0fk-bbgi"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="20" class="site-search-input"> <button type="submit" name="sa" class="site-search-button"><i class="fa fa-search"></i></button> </div> </form> </div> </nav> </header> <div class="main"> <article class="content"> <h1 class="page-title">CSS Color Codes</h1> <div class="ad ad-top">  <div data-fuse="23059883623"></div> </div> <ul class="pager"> <li><a href="/css/reference/"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> CSS Reference</a></li> <li><a href="/css/color/tools/">CSS Color Tools <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></li> </ul> <p>Use the following color picker or color charts to pick a color that you can use within your CSS code. The color picker provides the color values in <a href="/css/color/values/css_hex_color_notation_6_digits.cfm">hexadecimal</a> and <a href="/css/color/values/css_rgb_function.cfm">RGB</a>. The color chart provides them in hexadecimal, RGB, and their color names.</p> <h2>Color Picker</h2> <script src="/common/js/tinycolor/tinycolor.js"></script> <script src="/tools/color_picker/js/custom.min.js"></script> <link rel="stylesheet" href="/tools/color_picker/css/screen2.min.css"> <script src="/tools/color_picker/js/ddcolorposter.js"></script> <script src="/tools/color_picker/js/YAHOO.js" ></script> <script src="/tools/color_picker/js/color.js" ></script> <script src="/tools/color_picker/js/event.js" ></script> <script src="/tools/color_picker/js/dom.js" ></script> <script src="/tools/color_picker/js/dragdrop.js" ></script> <script src="/tools/color_picker/js/slider.js" ></script> <script> var hue; var picker; //var gLogger; var dd1, dd2; var r, g, b; function init() { if (typeof(ygLogger) != "undefined") ygLogger.init(document.getElementById("logDiv")); pickerInit(); ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" ddcolorposter.fillcolorbox("colorfield3", "colorbox3") //PREFILL "colorbox1" with hex value from "colorfield1" } // Picker --------------------------------------------------------- function pickerInit() { hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); hue.onChange = function(newVal) { hueUpdate(newVal); }; picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); }; hueUpdate(); dd1 = new YAHOO.util.DD("pickerPanel"); dd1.setHandleElId("pickerHandle"); dd1.endDrag = function(e) { // picker.thumb.resetConstraints(); // hue.thumb.resetConstraints(); }; } executeonload(init); function pickerUpdate(newX, newY) { pickerSwatchUpdate(); } function hueUpdate(newVal) { var h = (180 - hue.getValue()) / 180; if (h == 1) { h = 0; } var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); document.getElementById("pickerDiv").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; pickerSwatchUpdate(); } function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; } document.getElementById("pickerhval").value = (h*2); var hueValue = (h*2); var hsvColorCode = hueValue; h = h / 180; var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100); var hsvColorCode = hsvColorCode + ", " + Math.round(s * 100); var v = (180 - picker.getYValue()) / 180; document.getElementById("pickervval").value = Math.round(v * 100); var hsvColorCode = hsvColorCode + "%, " + Math.round(v * 100) + "%"; var a = YAHOO.util.Color.hsv2rgb( h, s, v ); document.getElementById("pickerSwatch").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; document.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value = YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue); /* PREPARE VALUES FOR DISPLAYING COLOR CODE SAMPLES */ /* Create Hex String */ var hexColorCodeString = "#" + hexvalue; /* Create RGB String */ var rgbColorCodeString = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; /* Create HSL String */ var hexValue = tinycolor(hexvalue); var hslColorCodeString = hexValue.toHslString(); /* Create HSV String */ var hexValue = tinycolor(hexvalue); var hsvColorCodeString = "hsv(" + hsvColorCode + ")"; /* Create CMYK String */ var cmykValue = rgbToCmyk(a[0], a[1], a[2]); var c = cmykValue.c + "%"; var m = cmykValue.m + "%"; var y = cmykValue.y + "%"; var k = cmykValue.k + "%"; var cmykColorCode = c + ", " + m + ", " + y + ", " + k; var cmykColorCodeString = "cmyk(" + cmykColorCode + ")"; /* Create HWB String */ var hwbValue = rgbToHwb(a[0], a[1], a[2]); var h = hueValue; var w = Math.round(hwbValue.w * 100) + "%"; var b = Math.round(hwbValue.b * 100) + "%"; var hwbColorCode = h + ", " + w + ", " + b; var hwbColorCodeString = "hwb(" + hwbColorCode + ")"; /* Display the value in various formats */ document.getElementById("hexColorCode").value = hexColorCodeString; document.getElementById("rgbColorCode").value = rgbColorCodeString; document.getElementById("hslColorCode").value = hslColorCodeString; document.getElementById("hsvColorCode").value = hsvColorCodeString; document.getElementById("hwbColorCode").value = hwbColorCodeString; document.getElementById("cmykColorCode").value = cmykColorCodeString; } </script> <div class="color-picker"> <div class="color-picker-widget"> <div id="pickerPanel" class="dragPanel"> <h4 id="pickerHandle"> </h4> <div id="pickerDiv"> <img id="pickerbg" src="/tools/color_picker/img/pickerbg.png" alt="Color Picker Background"> <div id="selector">&xcirc;</div> </div> <div id="hueBg"> <div id="hueThumb">&xcirc;</div> </div> <div id="pickervaldiv"> <form name="pickerform" onsubmit="return pickerUpdate()"> <br> # <input name="pickerhexval" id="pickerhexval" type="text" value="0" size="6" maxlength="6"> <br> R <input name="pickerrval" id="pickerrval" type="text" value="0" size="3" maxlength="3"> H <input name="pickerhval" id="pickerhval" type="text" value="0" size="3" maxlength="3"> <br> G <input name="pickergval" id="pickergval" type="text" value="0" size="3" maxlength="3"> S <input name="pickergsal" id="pickersval" type="text" value="0" size="3" maxlength="3"> <br> B <input name="pickerbval" id="pickerbval" type="text" value="0" size="3" maxlength="3"> V <input name="pickervval" id="pickervval" type="text" value="0" size="3" maxlength="3"> <br> <br> </form> </div> <div id="pickerSwatch"> </div> </div> </div> <div class="color-picker-conversion css-color-codes"> <div class="row" onClick="selectElement('hexColorCode');"> <div class="notation"> Hex </div> <div class="value"> <input type="text" id="hexColorCode"> </div> </div> <div class="row" onClick="selectElement('rgbColorCode');"> <div class="notation"> RGB </div> <div class="value"> <input type="text" id="rgbColorCode"> </div> </div> <div class="row" onClick="selectElement('hslColorCode');"> <div class="notation"> HSL </div> <div class="value"> <input type="text" id="hslColorCode"> </div> </div> <div class="row" onClick="selectElement('hsvColorCode');"> <div class="notation"> HSV </div> <div class="value"> <input type="text" id="hsvColorCode"> </div> </div> <div class="row" onClick="selectElement('hwbColorCode');"> <div class="notation"> HWB </div> <div class="value"> <input type="text" id="hwbColorCode"> </div> </div> <div class="row" onClick="selectElement('cmykColorCode');"> <div class="notation"> CMYK </div> <div class="value"> <input type="text" id="cmykColorCode"> </div> </div> </div> </div> <form> <h4>Choose Multiple Colors</h4> <p>Compare up to 3 colors. Click in a field below, then select a color from the color picker... Try it!</p> <div class="colorbox-container"> <div id="colorbox1" class="colorbox" onClick="document.getElementById('colorfield1').focus();"> <input type="text" size="7" id="colorfield1" onFocus="ddcolorposter.echocolor(this, 'colorbox1')" placeholder="Color 1"> </div> <div id="colorbox2" class="colorbox" onClick="document.getElementById('colorfield2').focus();"> <input type="text" size="7" id="colorfield2" onFocus="ddcolorposter.echocolor(this, 'colorbox2')" placeholder="Color 2"> </div> <div id="colorbox3" class="colorbox" onClick="document.getElementById('colorfield3').focus();"> <input type="text" size="7" id="colorfield3" onFocus="ddcolorposter.echocolor(this, 'colorbox3')" placeholder="Color 3"> </div> </div> </form> <a class="btn btn-default btn-lg" href="/css/color/tools/">More Color Tools <i class="fa fa-long-arrow-right"></i></a> <h2>Basic CSS Colors</h2> <p>Here is a table of the basic color names that have been in CSS since CSS1 (except orange, which was added in CSS 2.1).</p> <p>Try clicking on a value. This will open the color in Quackit's online editor so you can see how it looks (and grab the code). There's also a link to a color tester where you can get another preview of the color.</p> <div class="color-chart-wrapper"> <table class="color-chart"> <tr> <th>Color Name</th> <th>Hex Code<br /> RGB</th> <th>Decimal Code<br /> RGB</th> </tr> <tr style="background:maroon;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Maroon">Maroon</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=800000">800000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,0,0">128,0,0</a></td> </tr> <tr style="background:red;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Red">Red</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF0000">FF0000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,0,0">255,0,0</a></td> </tr> <tr style="background:orange;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Orange">Orange</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFA500">FFA500</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,165,0">255,165,0</a></td> </tr> <tr style="background:yellow;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Yellow">Yellow</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFF00">FFFF00</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,255,0">255,255,0</a></td> </tr> <tr style="background:olive;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Olive">Olive</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=808000">808000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,128,0">128,128,0</a></td> </tr> <tr style="background:green;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Green">Green</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=008000">008000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,128,0">0,128,0</a></td> </tr> </table> <table class="color-chart"> <tr> <th>Color Name</th> <th>Hex Code<br /> RGB</th> <th>Decimal Code<br /> RGB</th> </tr> <tr style="background:purple;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Purple">Purple</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=800080">800080</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,0,128">128,0,128</a></td> </tr> <tr style="background:fuchsia;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Fuchsia">Fuchsia</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF00FF">FF00FF</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,0,255">255,0,255</a></td> </tr> <tr style="background:lime;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Lime">Lime</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00FF00">00FF00</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,255,0">0,255,0</a></td> </tr> <tr style="background:teal;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Teal">Teal</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=008080">008080</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,128,128">0,128,128</a></td> </tr> <tr style="background:aqua;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Aqua">Aqua</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00FFFF">00FFFF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,255,255">0,255,255</a></td> </tr> <tr style="background:blue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Blue">Blue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=0000FF">0000FF</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,255">0,0,255</a></td> </tr> </table> <table class="color-chart"> <tr> <th>Color Name</th> <th>Hex Code<br /> RGB</th> <th>Decimal Code<br /> RGB</th> </tr> <tr style="background:navy;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Navy">Navy</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=000080">000080</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,128">0,0,128</a></td> </tr> <tr style="background:black;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Black">Black</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=000000">000000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,0">0,0,0</a></td> </tr> <tr style="background:gray;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Gray">Gray</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=808080">808080</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,128,128">128,128,128</a></td> </tr> <tr style="background:silver;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Silver">Silver</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=C0C0C0">C0C0C0</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=192,192,192">192,192,192</a></td> </tr> <tr style="background:white;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=White">White</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFFFF">FFFFFF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,255,255">255,255,255</a></td> </tr> </table> </div> <div class="ad">  <div data-fuse="23059883629"></div> </div> <h2>CSS Color Names</h2> <p>Here is a full list of the CSS named colors as specified in CSS3 (CSS Color Module Level 4). These are based on the X11 color set. The above basic colors are also included in this chart.</p> <p>Try clicking on a value. This will open the color in Quackit's online editor so you can see how it looks (and grab the code). There's also a link to a color tester where you can get another preview of the color.</p> <div class="color-chart-wrapper"> <table class="color-chart"> <tr> <th>Color Name</th> <th>Hex Code<br /> RGB</th> <th>Decimal Code<br /> RGB</th> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Reds</td> </tr> <tr style="background:indianred;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=IndianRed">IndianRed</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=CD5C5C">CD5C5C</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=205,92,92">205,92,92</a></td> </tr> <tr style="background:lightcoral;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightCoral">LightCoral</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F08080">F08080</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=240,128,128">240,128,128</a></td> </tr> <tr style="background:salmon;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Salmon">Salmon</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FA8072">FA8072</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=250,128,114">250,128,114</a></td> </tr> <tr style="background:darksalmon;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkSalmon">DarkSalmon</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=E9967A">E9967A</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=233,150,122">233,150,122</a></td> </tr> <tr style="background:lightsalmon;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightSalmon">LightSalmon</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFA07A">FFA07A</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,160,122">255,160,122</a></td> </tr> <tr style="background:crimson;color:white;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Crimson">Crimson</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=DC143C">DC143C</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=220,20,60">220,20,60</a></td> </tr> <tr style="background:red;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Red">Red</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF0000">FF0000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,0,0">255,0,0</a></td> </tr> <tr style="background:fireBrick;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=FireBrick">FireBrick</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=B22222">B22222</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=178,34,34">178,34,34</a></td> </tr> <tr style="background:darkred;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkRed">DarkRed</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=8B0000">8B0000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=139,0,0">139,0,0</a></td> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Pinks</td> </tr> <tr style="background:pink;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Pink">Pink</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFC0CB">FFC0CB</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,192,203">255,192,203</a></td> </tr> <tr style="background:lightpink;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightPink">LightPink</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFB6C1">FFB6C1</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,182,193">255,182,193</a></td> </tr> <tr style="background:hotpink;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=HotPink">HotPink</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF69B4">FF69B4</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,105,180">255,105,180</a></td> </tr> <tr style="background:deeppink;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DeepPink">DeepPink</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF1493">FF1493</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,20,147">255,20,147</a></td> </tr> <tr style="background:mediumvioletred;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumVioletRed">MediumVioletRed</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=C71585">C71585</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=199,21,133">199,21,133</a></td> </tr> <tr style="background:palevioletred;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=PaleVioletRed">PaleVioletRed</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=DB7093">DB7093</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=219,112,147">219,112,147</a></td> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Oranges</td> </tr> <tr style="background:coral;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Coral">Coral</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF7F50">FF7F50</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,127,80">255,127,80</a></td> </tr> <tr style="background:tomato;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Tomato">Tomato</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF6347">FF6347</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,99,71">255,99,71</a></td> </tr> <tr style="background:orangered;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=OrangeRed">OrangeRed</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF4500">FF4500</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,69,0">255,69,0</a></td> </tr> <tr style="background:darkorange;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkOrange">DarkOrange</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF8C00">FF8C00</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,140,0">255,140,0</a></td> </tr> <tr style="background:orange;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Orange">Orange</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFA500">FFA500</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,165,0">255,165,0</a></td> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Yellows</td> </tr> <tr style="background:gold;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Gold">Gold</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFD700">FFD700</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,215,0">255,215,0</a></td> </tr> <tr style="background:yellow;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Yellow">Yellow</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFF00">FFFF00</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,255,0">255,255,0</a></td> </tr> <tr style="background:lightyellow;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightYellow">LightYellow</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFFE0">FFFFE0</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,255,224">255,255,224</a></td> </tr> <tr style="background:lemonchiffon;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LemonChiffon">LemonChiffon</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFACD">FFFACD</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,250,205">255,250,205</a></td> </tr> <tr style="background:lightgoldenrodyellow;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightGoldenrodYellow">LightGoldenrodYellow</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FAFAD2">FAFAD2</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=250,250,210">250,250,210</a></td> </tr> <tr style="background:papayawhip;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=PapayaWhip">PapayaWhip</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFEFD5">FFEFD5</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,239,213">255,239,213</a></td> </tr> <tr style="background:moccasin;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Moccasin">Moccasin</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFE4B5">FFE4B5</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,228,181">255,228,181</a></td> </tr> <tr style="background:peachpuff;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=PeachPuff">PeachPuff</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFDAB9">FFDAB9</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,218,185">255,218,185</a></td> </tr> <tr style="background:palegoldenrod;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=PaleGoldenrod">PaleGoldenrod</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=EEE8AA">EEE8AA</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=238,232,170">238,232,170</a></td> </tr> <tr style="background:khaki;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Khaki">Khaki</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F0E68C">F0E68C</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=240,230,140">240,230,140</a></td> </tr> <tr style="background:darkkhaki;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkKhaki">DarkKhaki</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=BDB76B">BDB76B</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=189,183,107">189,183,107</a></td> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Purples</td> </tr> <tr style="background:lavender;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Lavender">Lavender</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=E6E6FA">E6E6FA</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=230,230,250">230,230,250</a></td> </tr> <tr style="background:thistle;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Thistle">Thistle</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=D8BFD8">D8BFD8</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=216,191,216">216,191,216</a></td> </tr> <tr style="background:plum;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Plum">Plum</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=DDA0DD">DDA0DD</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=221,160,221">221,160,221</a></td> </tr> <tr style="background:violet;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Violet">Violet</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=EE82EE">EE82EE</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=238,130,238">238,130,238</a></td> </tr> <tr style="background:orchid;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Orchid">Orchid</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=DA70D6">DA70D6</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=218,112,214">218,112,214</a></td> </tr> <tr style="background:fuchsia;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Fuchsia">Fuchsia</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF00FF">FF00FF</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,0,255">255,0,255</a></td> </tr> <tr style="background:Magenta;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Magenta">Magenta</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FF00FF">FF00FF</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,0,255">255,0,255</a></td> </tr> <tr style="background:mediumorchid;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumOrchid">MediumOrchid</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=BA55D3">BA55D3</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=186,85,211">186,85,211</a></td> </tr> <tr style="background:mediumpurple;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumPurple">MediumPurple</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=9370DB">9370DB</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=147,112,219">147,112,219</a></td> </tr> <tr style="background:blueviolet;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=BlueViolet">BlueViolet</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=8A2BE2">8A2BE2</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=138,43,226">138,43,226</a></td> </tr> <tr style="background:darkviolet;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkViolet">DarkViolet</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=9400D3">9400D3</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=148,0,211">148,0,211</a></td> </tr> <tr style="background:darkorchid;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkOrchid">DarkOrchid</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=9932CC">9932CC</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=153,50,204">153,50,204</a></td> </tr> <tr style="background:darkmagenta;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkMagenta">DarkMagenta</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=8B008B">8B008B</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=139,0,139">139,0,139</a></td> </tr> <tr style="background:purple;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Purple">Purple</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=800080">800080</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,0,128">128,0,128</a></td> </tr> <tr style="background:rebeccapurple;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=RebeccaPurple">RebeccaPurple</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=663399">663399</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=102,51,153">102,51,153</a></td> </tr> <tr style="background:indigo;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Indigo">Indigo</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=4B0082">4B0082</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=75,0,130">75,0,130</a></td> </tr> <tr style="background:mediumslateblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumSlateBlue">MediumSlateBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=7B68EE">7B68EE</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=123,104,238">123,104,238</a></td> </tr> <tr style="background:slateblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SlateBlue">SlateBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=6A5ACD">6A5ACD</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=106,90,205">106,90,205</a></td> </tr> <tr style="background:darkslateblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkSlateBlue">DarkSlateBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=483D8B">483D8B</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=72,61,139">72,61,139</a></td> </tr> </table> <table class="color-chart"> <tr> <th>Color Name</th> <th>Hex Code<br /> RGB</th> <th>Decimal Code<br /> RGB</th> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Greens</td> </tr> <tr style="background:greenyellow;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=GreenYellow">GreenYellow</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=ADFF2F">ADFF2F</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=173,255,47">173,255,47</a></td> </tr> <tr style="background:chartreuse;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Chartreuse">Chartreuse</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=7FFF00">7FFF00</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=127,255,0">127,255,0</a></td> </tr> <tr style="background:lawngreen;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LawnGreen">LawnGreen</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=7CFC00">7CFC00</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=124,252,0">124,252,0</a></td> </tr> <tr style="background:lime;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Lime">Lime</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00FF00">00FF00</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,255,0">0,255,0</a></td> </tr> <tr style="background:limegreen;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LimeGreen">LimeGreen</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=32CD32">32CD32</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=50,205,50">50,205,50</a></td> </tr> <tr style="background:palegreen;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=PaleGreen">PaleGreen</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=98FB98">98FB98</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=152,251,152">152,251,152</a></td> </tr> <tr style="background:lightgreen;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightGreen">LightGreen</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=90EE90">90EE90</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=144,238,144">144,238,144</a></td> </tr> <tr style="background:mediumspringgreen;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumSpringGreen">MediumSpringGreen</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00FA9A">00FA9A</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,250,154">0,250,154</a></td> </tr> <tr style="background:springgreen;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SpringGreen">SpringGreen</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00FF7F">00FF7F</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,255,127">0,255,127</a></td> </tr> <tr style="background:mediumseagreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumSeaGreen">MediumSeaGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=3CB371">3CB371</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=60,179,113">60,179,113</a></td> </tr> <tr style="background:seagreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SeaGreen">SeaGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=2E8B57">2E8B57</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=46,139,87">46,139,87</a></td> </tr> <tr style="background:forestgreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=ForestGreen">ForestGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=228B22">228B22</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=34,139,34">34,139,34</a></td> </tr> <tr style="background:green;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Green">Green</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=008000">008000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,128,0">0,128,0</a></td> </tr> <tr style="background:darkgreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkGreen">DarkGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=006400">006400</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,100,0">0,100,0</a></td> </tr> <tr style="background:yellowgreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=YellowGreen">YellowGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=9ACD32">9ACD32</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=154,205,50">154,205,50</a></td> </tr> <tr style="background:olivedrab;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=OliveDrab">OliveDrab</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=6B8E23">6B8E23</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=107,142,35">107,142,35</a></td> </tr> <tr style="background:olive;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Olive">Olive</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=808000">808000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,128,0">128,128,0</a></td> </tr> <tr style="background:darkolivegreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkOliveGreen">DarkOliveGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=556B2F">556B2F</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=85,107,47">85,107,47</a></td> </tr> <tr style="background:mediumaquamarine;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumAquamarine">MediumAquamarine</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=66CDAA">66CDAA</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=102,205,170">102,205,170</a></td> </tr> <tr style="background:darkseagreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkSeaGreen">DarkSeaGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=8FBC8F">8FBC8F</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=143,188,143">143,188,143</a></td> </tr> <tr style="background:lightseagreen;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightSeaGreen">LightSeaGreen</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=20B2AA">20B2AA</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=32,178,170">32,178,170</a></td> </tr> <tr style="background:darkcyan;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkCyan">DarkCyan</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=008B8B">008B8B</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,139,139">0,139,139</a></td> </tr> <tr style="background:teal;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Teal">Teal</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=008080">008080</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,128,128">0,128,128</a></td> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Blues/Cyans</td> </tr> <tr style="background:aqua;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Aqua">Aqua</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00FFFF">00FFFF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,255,255">0,255,255</a></td> </tr> <tr style="background:cyan;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Cyan">Cyan</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00FFFF">00FFFF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,255,255">0,255,255</a></td> </tr> <tr style="background:lightcyan;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightCyan">LightCyan</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=E0FFFF">E0FFFF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=224,255,255">224,255,255</a></td> </tr> <tr style="background:paleturquoise;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=PaleTurquoise">PaleTurquoise</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=AFEEEE">AFEEEE</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=175,238,238">175,238,238</a></td> </tr> <tr style="background:aquamarine;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Aquamarine">Aquamarine</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=7FFFD4">7FFFD4</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=127,255,212">127,255,212</a></td> </tr> <tr style="background:turquoise;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Turquoise">Turquoise</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=40E0D0">40E0D0</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=64,224,208">64,224,208</a></td> </tr> <tr style="background:mediumturquoise;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumTurquoise">MediumTurquoise</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=48D1CC">48D1CC</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=72,209,204">72,209,204</a></td> </tr> <tr style="background:darkturquoise;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkTurquoise">DarkTurquoise</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00CED1">00CED1</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,206,209">0,206,209</a></td> </tr> <tr style="background:cadetblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=CadetBlue">CadetBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=5F9EA0">5F9EA0</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=95,158,160">95,158,160</a></td> </tr> <tr style="background:steelblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SteelBlue">SteelBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=4682B4">4682B4</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=70,130,180">70,130,180</a></td> </tr> <tr style="background:lightsteelblue;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightSteelBlue">LightSteelBlue</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=B0C4DE">B0C4DE</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=176,196,222">176,196,222</a></td> </tr> <tr style="background:powderblue;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=PowderBlue">PowderBlue</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=B0E0E6">B0E0E6</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=176,224,230">176,224,230</a></td> </tr> <tr style="background:lightblue;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightBlue">LightBlue</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=ADD8E6">ADD8E6</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=173,216,230">173,216,230</a></td> </tr> <tr style="background:skyblue;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SkyBlue">SkyBlue</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=87CEEB">87CEEB</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=135,206,235">135,206,235</a></td> </tr> <tr style="background:lightskyblue;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightSkyBlue">LightSkyBlue</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=87CEFA">87CEFA</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=135,206,250">135,206,250</a></td> </tr> <tr style="background:deepskyblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DeepSkyBlue">DeepSkyBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00BFFF">00BFFF</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,191,255">0,191,255</a></td> </tr> <tr style="background:dodgerblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DodgerBlue">DodgerBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=1E90FF">1E90FF</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=30,144,255">30,144,255</a></td> </tr> <tr style="background:cornflowerblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=CornflowerBlue">CornflowerBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=6495ED">6495ED</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=100,149,237">100,149,237</a></td> </tr> <tr style="background:royalblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=RoyalBlue">RoyalBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=4169E1">4169E1</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=65,105,225">65,105,225</a></td> </tr> <tr style="background:blue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Blue">Blue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=0000FF">0000FF</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,255">0,0,255</a></td> </tr> <tr style="background:mediumblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MediumBlue">MediumBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=0000CD">0000CD</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,205">0,0,205</a></td> </tr> <tr style="background:darkblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkBlue">DarkBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=00008B">00008B</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,139">0,0,139</a></td> </tr> <tr style="background:navy;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Navy">Navy</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=000080">000080</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,128">0,0,128</a></td> </tr> <tr style="background:midnightblue;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MidnightBlue">MidnightBlue</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=191970">191970</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=25,25,112">25,25,112</a></td> </tr> </table> <table class="color-chart"> <tr> <th>Color Name</th> <th>Hex Code<br /> RGB</th> <th>Decimal Code<br /> RGB</th> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Browns</td> </tr> <tr style="background:cornsilk;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Cornsilk">Cornsilk</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFF8DC">FFF8DC</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,248,220">255,248,220</a></td> </tr> <tr style="background:blanchedalmond;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=BlanchedAlmond">BlanchedAlmond</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFEBCD">FFEBCD</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,235,205">255,235,205</a></td> </tr> <tr style="background:bisque;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Bisque">Bisque</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFE4C4">FFE4C4</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,228,196">255,228,196</a></td> </tr> <tr style="background:navajowhite;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=NavajoWhite">NavajoWhite</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFDEAD">FFDEAD</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,222,173">255,222,173</a></td> </tr> <tr style="background:wheat;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Wheat">Wheat</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F5DEB3">F5DEB3</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=245,222,179">245,222,179</a></td> </tr> <tr style="background:burlywood;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=BurlyWood">BurlyWood</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=DEB887">DEB887</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=222,184,135">222,184,135</a></td> </tr> <tr style="background:tan;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Tan">Tan</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=D2B48C">D2B48C</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=210,180,140">210,180,140</a></td> </tr> <tr style="background:rosybrown;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=RosyBrown">RosyBrown</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=BC8F8F">BC8F8F</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=188,143,143">188,143,143</a></td> </tr> <tr style="background:sandybrown;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SandyBrown">SandyBrown</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F4A460">F4A460</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=244,164,96">244,164,96</a></td> </tr> <tr style="background:goldenrod;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Goldenrod">Goldenrod</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=DAA520">DAA520</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=218,165,32">218,165,32</a></td> </tr> <tr style="background:darkgoldenrod;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkGoldenrod">DarkGoldenrod</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=B8860B">B8860B</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=184,134,11">184,134,11</a></td> </tr> <tr style="background:Peru;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Peru">Peru</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=CD853F">CD853F</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=205,133,63">205,133,63</a></td> </tr> <tr style="background:chocolate;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Chocolate">Chocolate</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=D2691E">D2691E</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=210,105,30">210,105,30</a></td> </tr> <tr style="background:saddlebrown;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SaddleBrown">SaddleBrown</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=8B4513">8B4513</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=139,69,19">139,69,19</a></td> </tr> <tr style="background:sienna;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Sienna">Sienna</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=A0522D">A0522D</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=160,82,45">160,82,45</a></td> </tr> <tr style="background:brown;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Brown">Brown</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=A52A2A">A52A2A</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=165,42,42">165,42,42</a></td> </tr> <tr style="background:maroon;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Maroon">Maroon</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=800000">800000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,0,0">128,0,0</a></td> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Whites</td> </tr> <tr style="background:white;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=White">White</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFFFF">FFFFFF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,255,255">255,255,255</a></td> </tr> <tr style="background:snow;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Snow">Snow</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFAFA">FFFAFA</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,250,250">255,250,250</a></td> </tr> <tr style="background:honeydew;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Honeydew">Honeydew</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F0FFF0">F0FFF0</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=240,255,240">240,255,240</a></td> </tr> <tr style="background:mintcream;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MintCream">MintCream</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F5FFFA">F5FFFA</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=245,255,250">245,255,250</a></td> </tr> <tr style="background:azure;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Azure">Azure</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F0FFFF">F0FFFF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=240,255,255">240,255,255</a></td> </tr> <tr style="background:aliceblue;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=AliceBlue">AliceBlue</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F0F8FF">F0F8FF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=240,248,255">240,248,255</a></td> </tr> <tr style="background:ghostwhite;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=GhostWhite">GhostWhite</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F8F8FF">F8F8FF</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=248,248,255">248,248,255</a></td> </tr> <tr style="background:whitesmoke;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=WhiteSmoke">WhiteSmoke</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F5F5F5">F5F5F5</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=245,245,245">245,245,245</a></td> </tr> <tr style="background:seashell;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Seashell">Seashell</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFF5EE">FFF5EE</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,245,238">255,245,238</a></td> </tr> <tr style="background:beige;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Beige">Beige</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=F5F5DC">F5F5DC</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=245,245,220">245,245,220</a></td> </tr> <tr style="background:oldlace;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=OldLace">OldLace</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FDF5E6">FDF5E6</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=253,245,230">253,245,230</a></td> </tr> <tr style="background:floralwhite;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=FloralWhite">FloralWhite</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFAF0">FFFAF0</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,250,240">255,250,240</a></td> </tr> <tr style="background:ivory;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Ivory">Ivory</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFFFF0">FFFFF0</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,255,240">255,255,240</a></td> </tr> <tr style="background:antiquewhite;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=AntiqueWhite">AntiqueWhite</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FAEBD7">FAEBD7</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=250,235,215">250,235,215</a></td> </tr> <tr style="background:linen;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Linen">Linen</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FAF0E6">FAF0E6</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=250,240,230">250,240,230</a></td> </tr> <tr style="background:lavenderblush;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LavenderBlush">LavenderBlush</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFF0F5">FFF0F5</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,240,245">255,240,245</a></td> </tr> <tr style="background:mistyrose;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=MistyRose">MistyRose</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=FFE4E1">FFE4E1</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=255,228,225">255,228,225</a></td> </tr> <tr> <td colspan="3" style="background:black;color:white;font-size:12px;font-weight:bold;">Greys</td> </tr> <tr style="background:gainsboro;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Gainsboro">Gainsboro</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=DCDCDC">DCDCDC</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=220,220,220">220,220,220</a></td> </tr> <tr style="background:LightGrey;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightGray">LightGray</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=D3D3D3">D3D3D3</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=211,211,211">211,211,211</a></td> </tr> <tr style="background:LightGrey;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightGrey">LightGrey</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=D3D3D3">D3D3D3</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=211,211,211">211,211,211</a></td> </tr> <tr style="background:silver;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Silver">Silver</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=C0C0C0">C0C0C0</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=192,192,192">192,192,192</a></td> </tr> <tr style="background:darkgray;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkGray">DarkGray</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=A9A9A9">A9A9A9</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=169,169,169">169,169,169</a></td> </tr> <tr style="background:darkgrey;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkGrey">DarkGrey</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=A9A9A9">A9A9A9</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=169,169,169">169,169,169</a></td> </tr> <tr style="background:gray;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Gray">Gray</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=808080">808080</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,128,128">128,128,128</a></td> </tr> <tr style="background:grey;color:black"> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Grey">Grey</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=808080">808080</a></td> <td><a style="color: black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=128,128,128">128,128,128</a></td> </tr> <tr style="background:dimgray;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DimGray">DimGray</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=696969">696969</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=105,105,105">105,105,105</a></td> </tr> <tr style="background:dimgrey;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DimGrey">DimGrey</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=696969">696969</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=105,105,105">105,105,105</a></td> </tr> <tr style="background:lightslategray;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightSlateGray">LightSlateGray</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=778899">778899</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=119,136,153">119,136,153</a></td> </tr> <tr style="background:lightslategrey;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=LightSlateGrey">LightSlateGrey</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=778899">778899</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=119,136,153">119,136,153</a></td> </tr> <tr style="background:slategray;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SlateGray">SlateGray</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=708090">708090</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=112,128,144">112,128,144</a></td> </tr> <tr style="background:slategrey;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=SlateGrey">SlateGrey</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=708090">708090</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=112,128,144">112,128,144</a></td> </tr> <tr style="background:darkslategray;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkSlateGray">DarkSlateGray</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=2F4F4F">2F4F4F</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=47,79,79">47,79,79</a></td> </tr> <tr style="background:darkslategrey;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=DarkSlateGrey">DarkSlateGrey</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=2F4F4F">2F4F4F</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=47,79,79">47,79,79</a></td> </tr> <tr style="background:black;color:white"> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorName=Black">Black</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=000000">000000</a></td> <td><a style="color: white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,0">0,0,0</a></td> </tr> </table> </div> <p><a class="btn btn-default btn-lg" href="/css/color/charts/">More Color Charts <i class="fa fa-long-arrow-right"></i></a></p> <div class="ad">  <div data-fuse="23059883632"></div> </div> <h2>How to use these Colors</h2> <p>Each color can be represented in many different ways. For example <code>blue</code> can also be represented as <code>#0000ff</code>, <code>#00f</code>, <code>rgb(0,0,255)</code> and many other ways. It doesn't matter which one you choose as long as it's a valid <a href="/css/data_types/css_color_data_type.cfm"><var class="css-data-type">color</var></a>.</p> <p>You can apply any of these colors to a website or blog by using the relevant CSS code.</p> <ul> <li>To set a background color, use <a href="/css/properties/css_background-color.cfm"><code>background-color</code></a>.</li> <li>To set the text color, use <a href="/css/properties/css_color.cfm"><code>color</code></a></li> <li>To set a border color, use <a href="/css/properties/css_border-color.cfm"><code>border-color</code></a>.</li> </ul> <p>Take <code>blue</code> for example.</p> <p>Below are quick CSS code examples for applying this color to various HTML elements.</p> <script src="/common/js/codemirror/lib/codemirror.js"></script> <script src="/common/js/codemirror/mode/css/css.js"></script> <div class="code-only"> <textarea id="example1" autocomplete="off" spellcheck="false">/* Set a background color to the 'body' element */
body { 
 background-color: blue;
 }
 
/* Same as above, but using the CSS 'background' property instead */
body { 
 background: blue;
 }
 
/* Setting the text color for the 'h1' element */ 
h1 { 
 color: blue;
 }

/* Setting a border color on the 'article' element */
article { 
 border-color: blue;
 }

/* Same as previous, but using the 'border' property instead (also sets border width and style) */ 
article { 
 border: 1px solid blue;
 }</textarea> </div> <script> var exampleCode1 = CodeMirror.fromTextArea(document.getElementById("example1"), { mode: "text/css", tabMode: "indent", styleActiveLine: false, lineNumbers: false, lineWrapping: true, theme: "q-dark" }); </script> <p>Check out some basic color code examples using color names in the <a target="_blank" href="/html/html_editors/scratchpad/?app=color_tester&colorName=blue">online editor</a>. </p> <aside class="info"> <p>Color names are case-insensitive (it doesn't matter whether you use UPPERCASE or lowercase).</p> <p>So <code>blue</code>, <code>Blue</code>, and <code>BLUE</code> all display the same color.</p> </aside> <h3>In Hexadecimal Notation</h3> <p>Here is the same color, but this time using <a href="/css/color/values/css_hex_color_notation_6_digits.cfm">hexadecimal notation</a> instead of the color name.</p> <p>So the color code is now <code>0000ff</code>.</p> <p>This needs to be prefixed with a hash symbol, so it will become <code>#0000ff</code> when written in the code. </p> <div class="code-only"> <textarea id="example2" autocomplete="off" spellcheck="false">body { 
 background-color: #0000ff;
 }
body { 
 background: #0000ff;
 }
h1 { 
 color: #0000ff;
 }
article { 
 border-color: #0000ff;
 }
article { 
 border: 1px solid #0000ff;
 }</textarea> </div> <script> var exampleCode2 = CodeMirror.fromTextArea(document.getElementById("example2"), { mode: "text/css", tabMode: "indent", styleActiveLine: false, lineNumbers: false, lineWrapping: true, theme: "q-dark" }); </script> <p>Check out some basic color code examples using hexadecimal values in the <a target="_blank" href="/html/html_editors/scratchpad/?app=color_tester&hexColor=0000ff">online editor</a>. </p> <aside class="info"> <p>Hex colors are case-insensitive (it doesn't matter whether you use UPPERCASE or lowercase).</p> <p>So <code>0000ff</code> and <code>0000FF</code> both display the same color.</p> </aside> <h3>In RGB Functional Notation</h3> <p>Here is the same color, but this time using <a href="/css/color/values/css_rgb_function.cfm">RGB functional notation</a>.</p> <p>So the color code is now <code>0,0,255</code>. This needs to be placed inside the <a href="/css/color/values/css_rgb_function.cfm"><code>rgb()</code></a> function, so it will look like this <code>rgb(0,0,255)</code>.</p> <div class="code-only"> <textarea id="example3" autocomplete="off" spellcheck="false">body { 
 background-color: rgb(0,0,255);
 }
body { 
 background: rgb(0,0,255);
 }
h1 { 
 color: rgb(0,0,255);
 }
article { 
 border-color: rgb(0,0,255);
 }
article { 
 border: 1px solid rgb(0,0,255);
 }</textarea> </div> <script> var exampleCode3 = CodeMirror.fromTextArea(document.getElementById("example3"), { mode: "text/css", tabMode: "indent", styleActiveLine: false, lineNumbers: false, lineWrapping: true, theme: "q-dark" }); </script> <p>Check out some basic color code examples using RGB functional notation in the <a target="_blank" href="/html/html_editors/scratchpad/?app=color_tester&rgbColor=0,0,255">online editor</a>. </p> <h3>Full-Page Example</h3> <p>Here is an example of where CSS color codes can fit into an HTML document.</p> <script src="/common/js/codemirror/mode/htmlmixed/htmlmixed.js"></script> <script src="/common/js/codemirror/mode/javascript/javascript.js"></script> <script src="/common/js/codemirror/mode/xml/xml.js"></script> <div class="code-only"> <textarea id="example4" autocomplete="off" spellcheck="false"><!DOCTYPE html>
<html>
<head>
<title>Color Example</title>
<style>
 body {
 background: darkslategrey;
 font-family: sans-serif;
 font-size: 1.3em;
 }
 section {
 padding: 20px;
 margin: 20px;
 background-color: cornsilk;
 border: 6px solid gold;
 }
 h1 {
 color: coral;
 }
 p {
 color: orange;
 }
 a:link,
 a:visited {
 color: darkorange;
 }
 a:hover {
 color: orangered;
 }
 a:active {
 background: orangered;
 color: white;
 }
</style>
</head>
<body>
 <section>
 <h1>Basic Color Example</h1>
 <p>This is a basic example to demonstrate how colors can be applied to a web page using CSS.</p>
 <p><a href="/css/css_color_codes.cfm">More color codes &rarr;</a></p>
 </section>
</body>
</html></textarea> <p> <a class="btn btn-default" href="/html/html_editors/scratchpad/?example=/css/css_color_codes_example" target="_blank" title="Full-page editor. Opens this example in the full-page editor."><i class="fa fa-pencil-square-o"></i> View Output</i></a> </p> </div> <script> var exampleCode4 = CodeMirror.fromTextArea(document.getElementById("example4"), { mode: "htmlmixed", tabMode: "indent", styleActiveLine: false, lineNumbers: false, lineWrapping: true, theme: "q-dark" }); </script> <p>This example uses <a href="/css/embedded_style_sheets.cfm">embedded style sheets</a>. You can also move the styles to an <a href="/css/external_style_sheets.cfm">external style sheet</a> so that you can apply the styles across the whole site from one file.</p> <h2>Transparent Colors</h2> <p>CSS also enables us to add transparent colors to our HTML elements. This means that you can add a color that's semi-transparent — so that you can see the element behind it.</p> <p>Here's an example of adding transparency to a color using the <a href="/css/color/values/css_rgba_function.cfm"><code>rgba()</code></a> function.</p> <div class="code-only"> <textarea id="example5" autocomplete="off" spellcheck="false"><!DOCTYPE html>
<title>Example</title>
<style>
body {
 background: url('/pix/samples/bg2.png') beige;
 color: rgba(0, 0, 0, 1);
 font-size: 2em;
 }
article { 
 background-color: rgba(30, 255, 50, 0.5);
 border: 5px solid olive;
 margin: 20px;
 text-align: center;
 }
</style>
<article>
<h1>Stars</h1>
</article></textarea> <p> <a class="btn btn-default" href="/html/html_editors/scratchpad/?example=/css/css_color_codes_transparent_rgba" target="_blank" title="Full-page editor. Opens this example in the full-page editor."><i class="fa fa-pencil-square-o"></i> View Output</i></a> </p> </div> <script> var exampleCode5 = CodeMirror.fromTextArea(document.getElementById("example5"), { mode: "text/css", tabMode: "indent", styleActiveLine: false, lineNumbers: false, lineWrapping: true, theme: "q-dark" }); </script> <div class="ad">  <div data-fuse="23059883635"></div> </div> <h2>List of Color Values</h2> <p>Here's a list of <a href="/css/data_types/css_color_data_type.cfm">color values</a> you can use with CSS.</p> <li><a href="/css/color/values/css_named_colors.cfm" title="">CSS Named Colors</a></li> <li><a href="/css/color/values/css_transparent_keyword.cfm" title="">CSS <code>transparent</code> Keyword</a></li> <li><a href="/css/color/values/css_currentcolor_keyword.cfm" title="">CSS <code>currentcolor</code> Keyword</a></li> <li><a href="/css/color/values/css_hex_color_notation_3_digits.cfm" title="">CSS 3-Digit Hex Codes</a></li> <li><a href="/css/color/values/css_hex_color_notation_4_digits.cfm" title="">CSS 4-Digit Hex Codes</a></li> <li><a href="/css/color/values/css_hex_color_notation_6_digits.cfm" title="">CSS 6-Digit Hex Codes</a></li> <li><a href="/css/color/values/css_hex_color_notation_8_digits.cfm" title="">CSS 8-Digit Hex Codes</a></li> <li><a href="/css/color/values/css_rgb_function.cfm" title="">CSS <code>rgb()</code> Function</a></li> <li><a href="/css/color/values/css_rgba_function.cfm" title="">CSS <code>rgba()</code> Function</a></li> <li><a href="/css/color/values/css_hsl_function.cfm" title="">CSS <code>hsl()</code> Function</a></li> <li><a href="/css/color/values/css_hsla_function.cfm" title="">CSS <code>hsla()</code> Function</a></li> <li><a href="/css/color/values/css_hwb_function.cfm" title="">CSS <code>hwb()</code> Function</a></li> <li><a href="/css/color/values/css_system_colors.cfm" title="Deprecated in CSS3">CSS System Colors</a></li> <h2>List of Color Properties</h2> <p>Here's a list of color-related properties you can use with CSS.</p> <li><a href="/css/properties/css_background-color.cfm"><code>background-color</code></a></li> <li><a href="/css/properties/css_background.cfm"><code>background</code></a></li> <li><a href="/css/properties/css_border.cfm"><code>border</code></a></li> <li><a href="/css/properties/css_border-bottom-color.cfm"><code>border-bottom-color</code></a></li> <li><a href="/css/properties/css_border-color.cfm"><code>border-color</code></a></li> <li><a href="/css/properties/css_border-left-color.cfm"><code>border-left-color</code></a></li> <li><a href="/css/properties/css_border-right-color.cfm"><code>border-right-color</code></a></li> <li><a href="/css/properties/css_border-top-color.cfm"><code>border-top-color</code></a></li> <li><a href="/css/css3/properties/css_box-shadow.cfm"><code>box-shadow</code></a></li> <li><a href="/css/css3/properties/css_caret-color.cfm"><code>caret-color</code></a></li> <li><a href="/css/properties/css_color.cfm"><code>color</code></a></li> <li><a href="/css/css3/properties/css_column-rule.cfm"><code>column-rule</code></a></li> <li><a href="/css/css3/properties/css_column-rule-color.cfm"><code>column-rule-color</code></a></li> <li><a href="/css/css3/properties/css_filter.cfm"><code>filter</code></a></li> <li><a href="/css/css3/properties/css_opacity.cfm"><code>opacity</code></a></li> <li><a href="/css/properties/css_outline-color.cfm"><code>outline-color</code></a></li> <li><a href="/css/properties/css_outline.cfm"><code>outline</code></a></li> <li><a href="/css/css3/properties/css_text-decoration.cfm"><code>text-decoration</code></a></li> <li><a href="/css/css3/properties/css_text-decoration-color.cfm"><code>text-decoration-color</code></a></li> <li><a href="/css/properties/css_text-shadow.cfm"><code>text-shadow</code></a></li> <h2>Web Safe Colors</h2> <p>This chart displays the 216 "web safe" colors. Click on a color to display it in a new page.</p> <p>With current day monitors being able to display millions of colors, there's little need to use the web safe colors any more. But it's a great way to pick some basic colors nice and quickly. And hey, it's still a nice looking chart!</p> <table class="color-chart" style="width:100%;"> <tr> <td style="background-color:#FFFFFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFFFFF">#FFFFFF</a></td> <td style="background-color:#FFFFCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFFFCC">#FFFFCC</a></td> <td style="background-color:#FFFF99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFFF99">#FFFF99</a></td> <td style="background-color:#FFFF66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFFF66">#FFFF66</a></td> <td style="background-color:#FFFF33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFFF33">#FFFF33</a></td> <td style="background-color:#FFFF00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFFF00">#FFFF00</a></td> </tr> <tr> <td style="background-color:#FFCCFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFCCFF">#FFCCFF</a></td> <td style="background-color:#FFCCCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFCCCC">#FFCCCC</a></td> <td style="background-color:#FFCC99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFCC99">#FFCC99</a></td> <td style="background-color:#FFCC66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFCC66">#FFCC66</a></td> <td style="background-color:#FFCC33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFCC33">#FFCC33</a></td> <td style="background-color:#FFCC00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FFCC00">#FFCC00</a></td> </tr> <tr> <td style="background-color:#FF99FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF99FF">#FF99FF</a></td> <td style="background-color:#FF99CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF99CC">#FF99CC</a></td> <td style="background-color:#FF9999"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF9999">#FF9999</a></td> <td style="background-color:#FF9966"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF9966">#FF9966</a></td> <td style="background-color:#FF9933"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF9933">#FF9933</a></td> <td style="background-color:#FF9900"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF9900">#FF9900</a></td> </tr> <tr> <td style="background-color:#FF66FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF66FF">#FF66FF</a></td> <td style="background-color:#FF66CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF66CC">#FF66CC</a></td> <td style="background-color:#FF6699"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF6699">#FF6699</a></td> <td style="background-color:#FF6666"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF6666">#FF6666</a></td> <td style="background-color:#FF6633"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF6633">#FF6633</a></td> <td style="background-color:#FF6600"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF6600">#FF6600</a></td> </tr> <tr> <td style="background-color:#FF33FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF33FF">#FF33FF</a></td> <td style="background-color:#FF33CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF33CC">#FF33CC</a></td> <td style="background-color:#FF3399"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF3399">#FF3399</a></td> <td style="background-color:#FF3366"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF3366">#FF3366</a></td> <td style="background-color:#FF3333"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF3333">#FF3333</a></td> <td style="background-color:#FF3300"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF3300">#FF3300</a></td> </tr> <tr> <td style="background-color:#FF00FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF00FF">#FF00FF</a></td> <td style="background-color:#FF00CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF00CC">#FF00CC</a></td> <td style="background-color:#FF0099"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF0099">#FF0099</a></td> <td style="background-color:#FF0066"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF0066">#FF0066</a></td> <td style="background-color:#FF0033"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF0033">#FF0033</a></td> <td style="background-color:#FF0000"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=FF0000">#FF0000</a></td> </tr> <tr> <td style="background-color:#CCFFFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCFFFF">#CCFFFF</a></td> <td style="background-color:#CCFFCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCFFCC">#CCFFCC</a></td> <td style="background-color:#CCFF99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCFF99">#CCFF99</a></td> <td style="background-color:#CCFF66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCFF66">#CCFF66</a></td> <td style="background-color:#CCFF33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCFF33">#CCFF33</a></td> <td style="background-color:#CCFF00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCFF00">#CCFF00</a></td> </tr> <tr> <td style="background-color:#CCCCFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCCCFF">#CCCCFF</a></td> <td style="background-color:#CCCCCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCCCCC">#CCCCCC</a></td> <td style="background-color:#CCCC99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCCC99">#CCCC99</a></td> <td style="background-color:#CCCC66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCCC66">#CCCC66</a></td> <td style="background-color:#CCCC33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCCC33">#CCCC33</a></td> <td style="background-color:#CCCC00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CCCC00">#CCCC00</a></td> </tr> <tr> <td style="background-color:#CC99FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC99FF">#CC99FF</a></td> <td style="background-color:#CC99CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC99CC">#CC99CC</a></td> <td style="background-color:#CC9999"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC9999">#CC9999</a></td> <td style="background-color:#CC9966"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC9966">#CC9966</a></td> <td style="background-color:#CC9933"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC9933">#CC9933</a></td> <td style="background-color:#CC9900"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC9900">#CC9900</a></td> </tr> <tr> <td style="background-color:#CC66FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC66FF">#CC66FF</a></td> <td style="background-color:#CC66CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC66CC">#CC66CC</a></td> <td style="background-color:#CC6699"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC6699">#CC6699</a></td> <td style="background-color:#CC6666"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC6666">#CC6666</a></td> <td style="background-color:#CC6633"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC6633">#CC6633</a></td> <td style="background-color:#CC6600"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC6600">#CC6600</a></td> </tr> <tr> <td style="background-color:#CC33FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC33FF">#CC33FF</a></td> <td style="background-color:#CC33CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC33CC">#CC33CC</a></td> <td style="background-color:#CC3399"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC3399">#CC3399</a></td> <td style="background-color:#CC3366"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC3366">#CC3366</a></td> <td style="background-color:#CC3333"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC3333">#CC3333</a></td> <td style="background-color:#CC3300"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC3300">#CC3300</a></td> </tr> <tr> <td style="background-color:#CC00FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC00FF">#CC00FF</a></td> <td style="background-color:#CC00CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC00CC">#CC00CC</a></td> <td style="background-color:#CC0099"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC0099">#CC0099</a></td> <td style="background-color:#CC0066"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC0066">#CC0066</a></td> <td style="background-color:#CC0033"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC0033">#CC0033</a></td> <td style="background-color:#CC0000"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=CC0000">#CC0000</a></td> </tr> <tr> <td style="background-color:#99FFFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99FFFF">#99FFFF</a></td> <td style="background-color:#99FFCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99FFCC">#99FFCC</a></td> <td style="background-color:#99FF99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99FF99">#99FF99</a></td> <td style="background-color:#99FF66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99FF66">#99FF66</a></td> <td style="background-color:#99FF33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99FF33">#99FF33</a></td> <td style="background-color:#99FF00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99FF00">#99FF00</a></td> </tr> <tr> <td style="background-color:#99CCFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99CCFF">#99CCFF</a></td> <td style="background-color:#99CCCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99CCCC">#99CCCC</a></td> <td style="background-color:#99CC99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99CC99">#99CC99</a></td> <td style="background-color:#99CC66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99CC66">#99CC66</a></td> <td style="background-color:#99CC33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99CC33">#99CC33</a></td> <td style="background-color:#99CC00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=99CC00">#99CC00</a></td> </tr> <tr> <td style="background-color:#9999FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9999FF">#9999FF</a></td> <td style="background-color:#9999CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9999CC">#9999CC</a></td> <td style="background-color:#999999"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=999999">#999999</a></td> <td style="background-color:#999966"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=999966">#999966</a></td> <td style="background-color:#999933"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=999933">#999933</a></td> <td style="background-color:#999900"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=999900">#999900</a></td> </tr> <tr> <td style="background-color:#9966FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9966FF">#9966FF</a></td> <td style="background-color:#9966CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9966CC">#9966CC</a></td> <td style="background-color:#996699"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=996699">#996699</a></td> <td style="background-color:#996666"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=996666">#996666</a></td> <td style="background-color:#996633"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=996633">#996633</a></td> <td style="background-color:#996600"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=996600">#996600</a></td> </tr> <tr> <td style="background-color:#9933FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9933FF">#9933FF</a></td> <td style="background-color:#9933CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9933CC">#9933CC</a></td> <td style="background-color:#993399"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=993399">#993399</a></td> <td style="background-color:#993366"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=993366">#993366</a></td> <td style="background-color:#993333"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=993333">#993333</a></td> <td style="background-color:#993300"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=993300">#993300</a></td> </tr> <tr> <td style="background-color:#9900FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9900FF">#9900FF</a></td> <td style="background-color:#9900CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=9900CC">#9900CC</a></td> <td style="background-color:#990099"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=990099">#990099</a></td> <td style="background-color:#990066"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=990066">#990066</a></td> <td style="background-color:#990033"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=990033">#990033</a></td> <td style="background-color:#990000"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=990000">#990000</a></td> </tr> <tr> <td style="background-color:#66FFFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66FFFF">#66FFFF</a></td> <td style="background-color:#66FFCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66FFCC">#66FFCC</a></td> <td style="background-color:#66FF99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66FF99">#66FF99</a></td> <td style="background-color:#66FF66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66FF66">#66FF66</a></td> <td style="background-color:#66FF33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66FF33">#66FF33</a></td> <td style="background-color:#66FF00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66FF00">#66FF00</a></td> </tr> <tr> <td style="background-color:#66CCFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66CCFF">#66CCFF</a></td> <td style="background-color:#66CCCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66CCCC">#66CCCC</a></td> <td style="background-color:#66CC99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66CC99">#66CC99</a></td> <td style="background-color:#66CC66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66CC66">#66CC66</a></td> <td style="background-color:#66CC33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66CC33">#66CC33</a></td> <td style="background-color:#66CC00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=66CC00">#66CC00</a></td> </tr> <tr> <td style="background-color:#6699FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6699FF">#6699FF</a></td> <td style="background-color:#6699CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6699CC">#6699CC</a></td> <td style="background-color:#669999"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=669999">#669999</a></td> <td style="background-color:#669966"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=669966">#669966</a></td> <td style="background-color:#669933"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=669933">#669933</a></td> <td style="background-color:#669900"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=669900">#669900</a></td> </tr> <tr> <td style="background-color:#6666FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6666FF">#6666FF</a></td> <td style="background-color:#6666CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6666CC">#6666CC</a></td> <td style="background-color:#666699;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=666699">#666699</a></td> <td style="background-color:#666666;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=666666">#666666</a></td> <td style="background-color:#666633;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=666633">#666633</a></td> <td style="background-color:#666600;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=666600">#666600</a></td> </tr> <tr> <td style="background-color:#6633FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6633FF">#6633FF</a></td> <td style="background-color:#6633CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6633CC">#6633CC</a></td> <td style="background-color:#663399;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=663399">#663399</a></td> <td style="background-color:#663366;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=663366">#663366</a></td> <td style="background-color:#663333;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=663333">#663333</a></td> <td style="background-color:#663300;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=663300">#663300</a></td> </tr> <tr> <td style="background-color:#6600FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6600FF">#6600FF</a></td> <td style="background-color:#6600CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=6600CC">#6600CC</a></td> <td style="background-color:#660099;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=660099">#660099</a></td> <td style="background-color:#660066;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=660066">#660066</a></td> <td style="background-color:#660033;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=660033">#660033</a></td> <td style="background-color:#660000;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=660000">#660000</a></td> </tr> <tr> <td style="background-color:#33FFFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33FFFF">#33FFFF</a></td> <td style="background-color:#33FFCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33FFCC">#33FFCC</a></td> <td style="background-color:#33FF99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33FF99">#33FF99</a></td> <td style="background-color:#33FF66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33FF66">#33FF66</a></td> <td style="background-color:#33FF33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33FF33">#33FF33</a></td> <td style="background-color:#33FF00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33FF00">#33FF00</a></td> </tr> <tr> <td style="background-color:#33CCFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33CCFF">#33CCFF</a></td> <td style="background-color:#33CCCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33CCCC">#33CCCC</a></td> <td style="background-color:#33CC99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33CC99">#33CC99</a></td> <td style="background-color:#33CC66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33CC66">#33CC66</a></td> <td style="background-color:#33CC33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33CC33">#33CC33</a></td> <td style="background-color:#33CC00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=33CC00">#33CC00</a></td> </tr> <tr> <td style="background-color:#3399FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3399FF">#3399FF</a></td> <td style="background-color:#3399CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3399CC">#3399CC</a></td> <td style="background-color:#339999"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=339999">#339999</a></td> <td style="background-color:#339966"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=339966">#339966</a></td> <td style="background-color:#339933"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=339933">#339933</a></td> <td style="background-color:#339900"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=339900">#339900</a></td> </tr> <tr> <td style="background-color:#3366FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3366FF">#3366FF</a></td> <td style="background-color:#3366CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3366CC">#3366CC</a></td> <td style="background-color:#336699;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=336699">#336699</a></td> <td style="background-color:#336666;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=336666">#336666</a></td> <td style="background-color:#336633;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=336633">#336633</a></td> <td style="background-color:#336600;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=336600">#336600</a></td> </tr> <tr> <td style="background-color:#3333FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3333FF">#3333FF</a></td> <td style="background-color:#3333CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3333CC">#3333CC</a></td> <td style="background-color:#333399;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=333399">#333399</a></td> <td style="background-color:#333366;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=333366">#333366</a></td> <td style="background-color:#333333;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=333333">#333333</a></td> <td style="background-color:#333300;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=333300">#333300</a></td> </tr> <tr> <td style="background-color:#3300FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3300FF">#3300FF</a></td> <td style="background-color:#3300CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=3300CC">#3300CC</a></td> <td style="background-color:#330099;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=330099">#330099</a></td> <td style="background-color:#330066;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=330066">#330066</a></td> <td style="background-color:#330033;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=330033">#330033</a></td> <td style="background-color:#330000;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=330000">#330000</a></td> </tr> <tr> <td style="background-color:#00FFFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00FFFF">#00FFFF</a></td> <td style="background-color:#00FFCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00FFCC">#00FFCC</a></td> <td style="background-color:#00FF99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00FF99">#00FF99</a></td> <td style="background-color:#00FF66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00FF66">#00FF66</a></td> <td style="background-color:#00FF33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00FF33">#00FF33</a></td> <td style="background-color:#00FF00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00FF00">#00FF00</a></td> </tr> <tr> <td style="background-color:#00CCFF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00CCFF">#00CCFF</a></td> <td style="background-color:#00CCCC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00CCCC">#00CCCC</a></td> <td style="background-color:#00CC99"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00CC99">#00CC99</a></td> <td style="background-color:#00CC66"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00CC66">#00CC66</a></td> <td style="background-color:#00CC33"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00CC33">#00CC33</a></td> <td style="background-color:#00CC00"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=00CC00">#00CC00</a></td> </tr> <tr> <td style="background-color:#0099FF"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0099FF">#0099FF</a></td> <td style="background-color:#0099CC"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0099CC">#0099CC</a></td> <td style="background-color:#009999"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=009999">#009999</a></td> <td style="background-color:#009966"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=009966">#009966</a></td> <td style="background-color:#009933"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=009933">#009933</a></td> <td style="background-color:#009900"><a style="color:black;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=009900">#009900</a></td> </tr> <tr> <td style="background-color:#0066FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0066FF">#0066FF</a></td> <td style="background-color:#0066CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0066CC">#0066CC</a></td> <td style="background-color:#006699;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=006699">#006699</a></td> <td style="background-color:#006666;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=006666">#006666</a></td> <td style="background-color:#006633;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=006633">#006633</a></td> <td style="background-color:#006600;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=006600">#006600</a></td> </tr> <tr> <td style="background-color:#0033FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0033FF">#0033FF</a></td> <td style="background-color:#0033CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0033CC">#0033CC</a></td> <td style="background-color:#003399;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=003399">#003399</a></td> <td style="background-color:#003366;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=003366">#003366</a></td> <td style="background-color:#003333;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=003333">#003333</a></td> <td style="background-color:#003300;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=003300">#003300</a></td> </tr> <tr> <td style="background-color:#0000FF;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0000FF">#0000FF</a></td> <td style="background-color:#0000CC;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=0000CC">#0000CC</a></td> <td style="background-color:#000099;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=000099">#000099</a></td> <td style="background-color:#000066;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=000066">#000066</a></td> <td style="background-color:#000033;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=000033">#000033</a></td> <td style="background-color:#000000;color:white;"><a style="color:white;" target="color-scheme" href="/html/html_editors/scratchpad/?app=color_tester&colorChart=web_safe&hexColor=000000">#000000</a></td> </tr> </table> <ul class="pager"> <li><a href="/css/reference/"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> CSS Reference</a></li> <li><a href="/css/color/tools/">CSS Color Tools <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></li> </ul> </article> <div class="sidebar"> <div class="relatedLinks"> <h4>Related</h4> <ul> <li><a href="/css/color/tools/css_color_converter.cfm" title="Convert your color codes into other formats">CSS Color Converter</a></li> <li><a href="/css/color/tools/css_color_scheme_generator.cfm" title="Generate color schemes based on your chosen color">Color Scheme Generator</a></li> <li><a href="/css/color/tools/css_random_color_generator.cfm" title="Stuck for ideas? Take a punt with the random color generator!">Random Color Generator</a></li> <li><a href="/css/color/" title="All things to do with color in CSS">CSS Color Resources</a></li> </ul> </div> <nav> <ul> <li> <h3><a href="/css/tutorial/">CSS Tutorial</a></h3> <ul> <li><a href="/css/tutorial/css_introduction.cfm">Introduction to CSS</a></li> <li><a href="/css/tutorial/css_syntax.cfm">CSS Syntax - How to Code CSS</a></li> <li><a href="/css/tutorial/implementing_css.cfm">How to add CSS to a Website</a></li> <li><a href="/css/tutorial/css_class.cfm">CSS Class Selectors</a></li> <li><a href="/css/tutorial/css_id.cfm">CSS ID Selectors</a></li> <li><a href="/css/tutorial/css_font.cfm">CSS Font Properties</a></li> <li><a href="/css/tutorial/css_text.cfm">CSS Text Properties</a></li> <li><a href="/css/tutorial/css_height_width.cfm">CSS Height & Width Properties</a></li> <li><a href="/css/tutorial/css_background_code.cfm">CSS Background Code</a></li> <li><a href="/css/tutorial/css_border.cfm">CSS Border Properties</a></li> <li><a href="/css/tutorial/css_margin.cfm">CSS Margin Properties</a></li> <li><a href="/css/tutorial/css_padding.cfm">CSS Padding Properties</a></li> <li><a href="/css/tutorial/css_lists.cfm">How to Style Lists</a></li> <li><a href="/css/tutorial/css_positioning.cfm">CSS Positioning</a></li> <li><a href="/css/tutorial/css_float.cfm">CSS Float</a></li> <li><a href="/css/tutorial/css_layers.cfm">CSS Layers</a></li> <li><a href="/css/tutorial/css_flexbox_and_grid.cfm">CSS Flexbox & Grid</a></li> <li><a href="/css/tutorial/css_summary.cfm">CSS Summary</a></li> </ul> </li> <li> <h3><a href="/css/reference/">CSS Reference</a></h3> <ul> <li><a href="/css/examples/" title="Copy & paste code examples.">CSS Examples</a></li> <li><a href="/css/properties/" title="All CSS properties listed alphabetically.">CSS Properties</a></li> <li><a href="/css/functions/" title="All CSS functions listed alphabetically.">CSS Functions</a></li> <li><a href="/css/data_types/" title="">CSS Data Types</a></li> <li><a href="/css/at-rules/" title="">CSS @-Rules</a></li> <li><a href="/css/selectors/" title="All CSS selectors.">CSS Selectors</a></li> <li><a href="/css/css3/animations/animatable_properties/" title="Properties that support CSS animations.">CSS Animatable Properties</a></li> <li><a href="/css/color/" title="Full CSS color reference, includes color picker, charts, generators, and more.">CSS Color</a></li> <li><a href="/css/css_color_codes.cfm" title="">CSS Color Codes</a></li> <li><a href="/css/tutorial/" title="">CSS Tutorial</a></li> <li><a href="/css/flexbox/tutorial/" title="">Flexbox Tutorial</a></li> <li><a href="/css/grid/tutorial/" title="">Grid Tutorial</a></li> <li><a href="/css/css_media_types.cfm" title="Use CSS to apply a separate style depending on the media type that is displaying your web page">CSS Media Types</a></li> <li><a href="/css/css_media_features.cfm" title="Use CSS to apply a separate style depending on the media features available in the output device">CSS Media Features</a></li> <li><a href="/bootstrap/tutorial/" title="Bootstrap is a free and open-source framework for creating websites and web applications.">Bootstrap Tutorial</a></li> <li><a href="/sass/tutorial/" title="Sass is a CSS preprocessor to help create maintainable style sheets.">Sass Tutorial</a></li> </ul> </li> </ul> </nav> <div class="ad ad-left">  <div data-fuse="23059511712"></div> </div> </div> <div class="ads"> <div class="ad ad-right">  <div data-fuse="23059883626"></div> </div> </div> </div> <div class="searchbox-bottom"> <form action="/search/" id="cse-search-box-bottom" class="site-search"> <div> <input type="hidden" name="cx" value="partner-pub-6331358926293806:npmuvy-i8kk"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="30" class="site-search-input"> <button type="submit" name="sa" class="site-search-button"><i class="fa fa-search"></i></button> </div> </form> <script src="//cse.google.com/cse/brand?form=cse-search-box-bottom&lang=en"></script> </div> <footer> <p class="about"><a href="/"><i class="fa fa-home"></i> Home</a> | <a href="/about.cfm" rel="nofollow">About</a> | <a href="/contact.cfm" rel="nofollow">Contact</a> | <a href="/terms_of_use.cfm" rel="nofollow">Terms of Use</a> | <a href="/privacy_policy.cfm" rel="nofollow">Privacy Policy</a></p> <p>© Copyright 2000 - 2024 Quackit.com  </p> </footer> <script src="/common/js/spectrum/spectrum.js"></script> <script src="/common/js/lightbox2-master/dist/js/lightbox.min.js" charset="utf-8"></script> <script> $(document).ready(function(){ $( "#site-nav-toggler" ).click(function() { $( "#site-nav" ).toggle( "slow" ); }); }); </script> <script> $(function(){var a=window.location.href;$(".sidebar nav a").each(function(){a==this.href&&$(this).closest("li").addClass("selected")})}); </script> </body> </html>