1000种颜色选择列表代码
代码语言：html
所属分类：布局界面
代码描述：1000种颜色选择列表代码
代码标签： 列表
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - A thousand Colors (HTML)</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
<style>
body {
font-family: Arial,sans-serif;
padding: 5px;
text-align: center;
}
#header {
font-family: 'Orbitron', sans-serif;
}
#header h1 {
margin: 0;
padding: 5px;
}
#controls {
display: flex;
flex-wrap: wrap;
}
#controls div {
flex: 1 1 auto;
padding: 5px;
}
#container {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: minmax(2em, 1fr);
}
#container.grid {
display: grid;
grid-gap: 5px;
}
#container.grid div {
padding: 20px;
}
#container.compactGrid {
display: grid;
}
#container.compactGrid div {
padding: 5px;
grid-gap: 0px;
}
#container.compactGrid div span {
padding: 0;
}
#container.list {
display: inherit;
}
#container.list div {
padding: 20px;
}
#container.compactList {
display: inherit;
}
#container.compactList div {
padding: 0px;
}
#container.compactList div span {
padding: 0;
}
#container div {
display: grid;
place-items: center;
}
#container div.dark {
color: white;
}
#container div span {
padding: 2px;
display: none;
filter: invert(1) grayscale(1) contrast(99);
}
#container div span:nth-child(1) {
display: inline;
}
#container div span:nth-child(n+2) {
font-family: monospace;
}
</style>
</head>
<body translate="no" >
<div id="header"><h1><span>🖍️</span> 1000 <span style="color:darkslateblue">C</span><span style="color:firebrick">o</span><span style="color:fuchsia">l</span><span style="color:chartreuse">o</span><span style="color:gold">r</span><span style="color:red">s</span> <span style="filter:hue-rotate(270deg)">🖍️</span>
</h1>
</div>
<div id="controls">
<div><label for="query">Search: </label><input type="text" id="query" list="patterns"/>
<datalist id="patterns">
<option value="web">Web Colors</option>
<option value="pink|black">color1 OR color2</option>
<option value="\bred\b|(^(Alizarin crimson|Amaranth|American rose|Apricot|Auburn|Burgundy|Cardinal|Carmine|Carnelian|Cerise|Chocolate Cosmos|Cinnabar|Claret|Coquelicot|Coral|Crimson|Electric crimson|Fire brick|Flame|Folly|Fuchsia|Garnet|Hollywood cerise|Lava|Magenta|Maroon|Mahogany|Oxblood|Persian rose|Pink|Raspberry|Red-violet|Redwood|Rojo|Rose|Rosewood|Rosso corsa|Ruby|Russet|Rust|Sanguine|Scarlet|Shocking pink|Tawny|Tea rose|Terra cotta|Tomato|Tyrian purple|Vermilion|Wine)$)">Shades of Red</option>
<option value="green|olive|(^(Aqua|Asparagus|Avocado|Celadon|Chartreuse|Cyan|Emerald|Erin|Feldgrau|Harlequin|Honeydew|Lime|Mantis|Malachite|Mindaro|Mint|Olivine|Pear|Pistachio|Robin egg blue|Sage|Spring bud|Teal|Turquoise|Viridian)$)">Shades of Green</option>
<option value="blue|azure|(^(Bleu de France|Capri|Celeste|Cerulean|Cyan|Denim|Glaucous|Electric indigo|Indigo|Indigo dye|Iris|Periwinkle|Sapphire|Turquoise|Ultramarine)$)">Shades of Blue</option>
<option value="orange|(^(Amber|Apricot|Bittersweet|Buff|Butterscotch|Caramel|Champagne|Citron|Coral|Flame|Fulvous|Gamboge|Gold|
Golden poppy|Jonquil|Lion|Mahogany|Mango|Marigold|Papaya whip|Peach|Persimmon|
Pumpkin|Rust|Salmon|Scarlet|Seashell|Sunglow|Sunset|Tangelo|Tangerine|Tawny|Tea rose|Tomato|Vermilion)$)">Shades of Orange</option>
<option value="black|(^(Bistre|Café noir|Charcoal|Dark purple|Ebony|Eigengrau|Jet|Licorice|Midnight blue|Night|Onyx|Outer space|Oxford blue|Russian violet|Dark jungle green)$)">Shades of Black</option>
<option value="white|(^(Almond|Alabaster|Alabastine|Alice blue|Baby Powder|Beige|Bone|Champagne|Cornsilk|Cosmic latte|Cream|Cultured|Eggshell|Flax|Gainsboro|Honeydew|Isabelline|Ivory|Lavender blush|Lemon chiffon|Linen|Magnolia|Mint cream|Misty rose|Nyanza|Old lace|Papaya whip|Peach|Platinum|Seasalt|Seashell|Snow|Timberwolf|Vanilla)$)">Shades of White</option>
<option value="gr(a|e)y|silver|(^(Charcoal|Cinerous|Eigengrau|Feldgrau|Jet|Marengo|Gunmetal|Platinum|Taupe|Taupe brown|Rose quartz|Timberwolf)$)">Shades of Grey</option>
<option value="yellow|(^(Amber|Apricot|Aureolin|Beige|Buff|Champagne|Chartreuse|Citron|Citrine|Cosmic latte|Coyote|Cream|Dark goldenrod|Ecru|Flax|Gamboge|Gold|Gold \(metallic\)|Goldenrod|Harvest gold|Ivory|Jasmine|Jonquil|Khaki|Lemon chiffon|Lemon-lime|Lion|Maize|Mindaro|Mustard|Navajo white|Old gold|Olive|Papaya whip|Pear|Saffron|Straw|Sunglow|Sunset|Vanilla|Wheat)$)">Shades of Yellow</option>
<option value="violet|purple|(^(Amethyst|Byzantium|Electric indigo|Eminence|Fairy Tale|Fandango|French mauve|Grape|Heliotrope|Indigo|Iris|Lavender blush|Lavender \(floral\)|Lavender \(web\)|Lilac|Mardi Gras|Mauve|Medium slate blue|Mountbatten pink|Mulberry|Orchid|Palatinate|Periwinkle|Phlox|Pink lavender|Plum \(web\)|Pomp and Power|Purple|Purpureus|Slate blue|Steel pink|Thistle|Tropical indigo|Veronica|Violet|Wisteria)$)">Shades of Violet</option>
<option value="pink|(^(Amaranth|Amaranth purple|Blush|Cerise|Crimson|Dark Magenta|Eggplant|Fairy Tale|Fandango|Folly|French rose|Fuchsia|Hollywood cerise|Hot magenta|Magenta|Magenta (Pantone)|Magenta dye|Magenta haze|Mulberry|Orchid|Palatinate|Phlox|Plum|Purple|Persian rose|Purple pizzazz|Quinacridone magenta|Raspberry|Razzle dazzle rose|Red-violet|Rose|Sky magenta|Telemagenta|Violet-red|Blush|Brilliant rose|Cyclamen|Fuchsia|Heliotrope|Hollywood cerise|Lavender blush|Magenta|Misty rose|Pale Dogwood|Puce|Raspberry|Rose quartz|Seashell|Tea Rose)$)">Shades of Pink</option>
<option value="brown|(^(Auburn|Almond|Beaver|Bistre|Bole|Bronze|Buff|Burgundy|Burnt sienna|Burnt umber|Camel|Caramel|Chamoisee|Chestnut|Chocolate|Citron|Coffee|Copper|Cordovan|Coyote|Desert sand|Earth yellow|Ecru|Fallow|Fawn|Field drab|Fulvous|Goldenrod|Harvest gold|Khaki|Lion|Liver|Mahogany|Maroon|Ochre|Olive|Raw umber|Redwood|Rufous|Russet|Rust|Sand|Satin sheen gold|Sepia|Sienna|Sinopia|Tan|Taupe|Tawny|Umber|Wenge|Wheat)$)">Shades of Brown</option>
</datalist>
<input type='button' value="clear" onclick="document.querySelector('#query').value='';document.querySelector('#query').dispatchEvent(new Event('keyup'));"/></div>
<div><label for="sort" title="Sort descending">Sort: </label>
<select id="sortOrder">
<option value="desc">High to Low</option>
<option value="asc" selected>Low To High</option>
<select>
<select id="sort"></div>
<option value="name">Alphabetical</option>
<option value="r">Red %</option>
<option value="g">Green %</option>
<option value="b">Blue %</option>
<option value="hue">Hue</option>
<option value="hslsat">Saturation (HSL)</option>
<option value="light">Lightness</option>
<option value="hsvsat">Saturation (HSV)</option>
<option value="val">Brightness/Value</option>
</select></div>
<div><label for="displayMode">Display: </label><select id="displayMode">
<option value="grid" selected>Grid</option>
<option value="compactGrid">Compact Grid</option>
<option value="list">List</option>
<option value="compactList">Compact List</option>
</select></div>
<div><label for="verbose">Webmaster: </label><input id="verbose" type="checkbox"/></div>
</div>
<div id="container" class="grid">
<div style="background-color:#0048BA;color:#0048BA;" title="Absolute Zero" data-name="Absolute Zero" data-r="0" data-g="28" data-b="73" data-hue="217" data-hslsat="100" data-light="37" data-hsvsat="100" data-val="73" data-shortname="AbsoluteZero"><span>Absolute Zero</span><span>#0048BA</span><span>rgb(0% 28% 73%)</span><span>hsl(217 100% 37%)</span><span>hsv(217 100% 73%)</span></div>
<div style="background-color:#B0BF1A;color:#B0BF1A;" title="Acid green" data-name="Acid green" data-r="69" data-g="75" data-b="10" data-hue="65" data-hslsat="76" data-light="43" data-hsvsat="76" data-val="43" data-shortname="Acidgreen"><span>Acid green</span><span>#B0BF1A</span><span>rgb(69% 75% 10%)</span><span>hsl(65 76% 43%)</span><span>hsv(65 76% 43%)</span></div>
<div style="background-color:#7CB9E8;color:#7CB9E8;" title="Aero" data-name="Aero" data-r="49" data-g="73" data-b="91" data-hue="206" data-hslsat="70" data-light="70" data-hsvsat="47" data-val="91" data-shortname="Aero"><span>Aero</span><span>#7CB9E8</span><span>rgb(49% 73% 91%)</span><span>hsl(206 70% 70%)</span><span>hsv(206 47% 91%)</span></div>
<div style="background-color:#C0E8D5;color:#C0E8D5;" title="Aero blue" data-name="Aero blue" data-r="75" data-g="91" data-b="84" data-hue="151" data-hslsat="47" data-light="83" data-hsvsat="17" data-val="91" data-shortname="Aeroblue"><span>Aero blue</span><span>#C0E8D5</span><span>rgb(75% 91% 84%)</span><span>hsl(151 47% 83%)</span><span>hsv(151 17% 91%)</span></div>
<div style="background-color:#B284BE;color:#B284BE;" title="African violet" data-name="African violet" data-r="70" data-g="52" data-b="75" data-hue="288" data-hslsat="31" data-light="63" data-hsvsat="31" data-val="75" data-shortname="Africanviolet"><span>African violet</span><span>#B284BE</span><span>rgb(70% 52% 75%)</span><span>hsl(288 31% 63%)</span><span>hsv(288 31% 75%)</span></div>
<div style="background-color:#72A0C1;color:#72A0C1;" title="Air superiority blue" data-name="Air superiority blue" data-r="45" data-g="63" data-b="76" data-hue="205" data-hslsat="39" data-light="60" data-hsvsat="41" data-val="76" data-shortname="Airsuperiorityblue"><span>Air superiority blue</span><span>#72A0C1</span><span>rgb(45% 63% 76%)</span><span>hsl(205 39% 60%)</span><span>hsv(205 41% 76%)</span></div>
<div style="background-color:#EDEAE0;color:#EDEAE0;" title="Alabaster" data-name="Alabaster" data-r="93" data-g="92" data-b="88" data-hue="50" data-hslsat="27" data-light="90" data-hsvsat="6" data-val="93" data-shortname="Alabaster"><span>Alabaster</span><span>#EDEAE0</span><span>rgb(93% 92% 88%)</span><span>hsl(50 27% 90%)</span><span>hsv(50 6% 93%)</span></div>
<div style="background-color:#F0F8FF;color:#F0F8FF;" title="Alice blue" data-name="Alice blue (web)" data-r="94" data-g="97" data-b="100" data-hue="208" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="Aliceblue"><span>Alice blue (web)</span><span>aliceblue</span><span>#F0F8FF</span><span>rgb(94% 97% 100%)</span><span>hsl(208 100% 97%)</span><span>hsv(208 6% 100%)</span></div>
<div style="background-color:#C46210;color:#C46210;" title="Alloy orange" data-name="Alloy orange" data-r="77" data-g="38" data-b="6" data-hue="27" data-hslsat="85" data-light="42" data-hsvsat="92" data-val="77" data-shortname="Alloyorange"><span>Alloy orange</span><span>#C46210</span><span>rgb(77% 38% 6%)</span><span>hsl(27 85% 42%)</span><span>hsv(27 92% 77%)</span></div>
<div style="background-color:#EFDECD;color:#EFDECD;" title="Almond" data-name="Almond" data-r="94" data-g="87" data-b="80" data-hue="30" data-hslsat="52" data-light="87" data-hsvsat="14" data-val="94" data-shortname="Almond"><span>Almond</span><span>#EFDECD</span><span>rgb(94% 87% 80%)</span><span>hsl(30 52% 87%)</span><span>hsv(30 14% 94%)</span></div>
<div style="background-color:#E52B50;color:#E52B50;" title="Amaranth" data-name="Amaranth" data-r="90" data-g="17" data-b="31" data-hue="348" data-hslsat="78" data-light="53" data-hsvsat="81" data-val="90" data-shortname="Amaranth"><span>Amaranth</span><span>#E52B50</span><span>rgb(90% 17% 31%)</span><span>hsl(348 78% 53%)</span><span>hsv(348 81% 90%)</span></div>
<div style="background-color:#9F2B68;color:#9F2B68;" title="Amaranth (M&P)" data-name="Amaranth (M&amp;P)" data-r="62" data-g="17" data-b="41" data-hue="328" data-hslsat="57" data-light="40" data-hsvsat="73" data-val="62" data-shortname="AmaranthMP"><span>Amaranth (M&P)</span><span>#9F2B68</span><span>rgb(62% 17% 41%)</span><span>hsl(328 57% 40%)</span><span>hsv(328 73% 62%)</span></div>
<div style="background-color:#F19CBB;color:#F19CBB;" title="Amaranth pink" data-name="Amaranth pink" data-r="95" data-g="61" data-b="73" data-hue="338" data-hslsat="75" data-light="78" data-hsvsat="35" data-val="95" data-shortname="Amaranthpink"><span>Amaranth pink</span><span>#F19CBB</span><span>rgb(95% 61% 73%)</span><span>hsl(338 75% 78%)</span><span>hsv(338 35% 95%)</span></div>
<div style="background-color:#AB274F;color:#AB274F;" title="Amaranth purple" data-name="Amaranth purple" data-r="67" data-g="15" data-b="31" data-hue="342" data-hslsat="63" data-light="41" data-hsvsat="77" data-val="67" data-shortname="Amaranthpurple"><span>Amaranth purple</span><span>#AB274F</span><span>rgb(67% 15% 31%)</span><span>hsl(342 63% 41%)</span><span>hsv(342 77% 67%)</span></div>
<div style="background-color:#D3212D;color:#D3212D;" title="Amaranth red" data-name="Amaranth red" data-r="83" data-g="13" data-b="18" data-hue="356" data-hslsat="73" data-light="48" data-hsvsat="84" data-val="83" data-shortname="Amaranthred"><span>Amaranth red</span><span>#D3212D</span><span>rgb(83% 13% 18%)</span><span>hsl(356 73% 48%)</span><span>hsv(356 84% 83%)</span></div>
<div style="background-color:#3B7A57;color:#3B7A57;" title="Amazon" data-name="Amazon" data-r="23" data-g="48" data-b="34" data-hue="147" data-hslsat="35" data-light="36" data-hsvsat="52" data-val="48" data-shortname="Amazon"><span>Amazon</span><span>#3B7A57</span><span>rgb(23% 48% 34%)</span><span>hsl(147 35% 36%)</span><span>hsv(147 52% 48%)</span></div>
<div style="background-color:#FFBF00;color:#FFBF00;" title="Amber" data-name="Amber" data-r="100" data-g="75" data-b="0" data-hue="45" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Amber"><span>Amber</span><span>#FFBF00</span><span>rgb(100% 75% 0%)</span><span>hsl(45 100% 50%)</span><span>hsv(45 100% 100%)</span></div>
<div style="background-color:#FF7E00;color:#FF7E00;" title="Amber (SAE/ECE)" data-name="Amber (SAE/ECE)" data-r="100" data-g="49" data-b="0" data-hue="30" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="AmberSAEECE"><span>Amber (SAE/ECE)</span><span>#FF7E00</span><span>rgb(100% 49% 0%)</span><span>hsl(30 100% 50%)</span><span>hsv(30 100% 100%)</span></div>
<div style="background-color:#9966CC;color:#9966CC;" title="Amethyst" data-name="Amethyst" data-r="60" data-g="40" data-b="80" data-hue="270" data-hslsat="50" data-light="60" data-hsvsat="50" data-val="80" data-shortname="Amethyst"><span>Amethyst</span><span>#9966CC</span><span>rgb(60% 40% 80%)</span><span>hsl(270 50% 60%)</span><span>hsv(270 50% 80%)</span></div>
<div style="background-color:#A4C639;color:#A4C639;" title="Android green" data-name="Android green" data-r="64" data-g="78" data-b="22" data-hue="74" data-hslsat="55" data-light="50" data-hsvsat="71" data-val="78" data-shortname="Androidgreen"><span>Android green</span><span>#A4C639</span><span>rgb(64% 78% 22%)</span><span>hsl(74 55% 50%)</span><span>hsv(74 71% 78%)</span></div>
<div style="background-color:#CD9575;color:#CD9575;" title="Antique brass" data-name="Antique brass" data-r="80" data-g="58" data-b="46" data-hue="22" data-hslsat="47" data-light="63" data-hsvsat="43" data-val="80" data-shortname="Antiquebrass"><span>Antique brass</span><span>#CD9575</span><span>rgb(80% 58% 46%)</span><span>hsl(22 47% 63%)</span><span>hsv(22 43% 80%)</span></div>
<div style="background-color:#665D1E;color:#665D1E;" title="Antique bronze" data-name="Antique bronze" data-r="40" data-g="36" data-b="12" data-hue="53" data-hslsat="55" data-light="26" data-hsvsat="71" data-val="40" data-shortname="Antiquebronze"><span>Antique bronze</span><span>#665D1E</span><span>rgb(40% 36% 12%)</span><span>hsl(53 55% 26%)</span><span>hsv(53 71% 40%)</span></div>
<div style="background-color:#915C83;color:#915C83;" title="Antique fuchsia" data-name="Antique fuchsia" data-r="57" data-g="36" data-b="51" data-hue="316" data-hslsat="22" data-light="46" data-hsvsat="37" data-val="57" data-shortname="Antiquefuchsia"><span>Antique fuchsia</span><span>#915C83</span><span>rgb(57% 36% 51%)</span><span>hsl(316 22% 46%)</span><span>hsv(316 37% 57%)</span></div>
<div style="background-color:#841B2D;color:#841B2D;" title="Antique ruby" data-name="Antique ruby" data-r="52" data-g="11" data-b="18" data-hue="350" data-hslsat="66" data-light="31" data-hsvsat="80" data-val="52" data-shortname="Antiqueruby"><span>Antique ruby</span><span>#841B2D</span><span>rgb(52% 11% 18%)</span><span>hsl(350 66% 31%)</span><span>hsv(350 80% 52%)</span></div>
<div style="background-color:#FAEBD7;color:#FAEBD7;" title="Antique white" data-name="Antique white (web)" data-r="98" data-g="92" data-b="84" data-hue="34" data-hslsat="78" data-light="91" data-hsvsat="14" data-val="98" data-shortname="Antiquewhite"><span>Antique white (web)</span><span>antiquewhite</span><span>#FAEBD7</span><span>rgb(98% 92% 84%)</span><span>hsl(34 78% 91%)</span><span>hsv(34 14% 98%)</span></div>
<div style="background-color:#008000;color:#008000;" title="Ao (English)" data-name="Ao (English)" data-r="0" data-g="50" data-b="0" data-hue="120" data-hslsat="100" data-light="25" data-hsvsat="100" data-val="50" data-shortname="AoEnglish"><span>Ao (English)</span><span>#008000</span><span>rgb(0% 50% 0%)</span><span>hsl(120 100% 25%)</span><span>hsv(120 100% 50%)</span></div>
<div style="background-color:#8DB600;color:#8DB600;" title="Apple green" data-name="Apple green" data-r="55" data-g="71" data-b="0" data-hue="74" data-hslsat="100" data-light="36" data-hsvsat="100" data-val="71" data-shortname="Applegreen"><span>Apple green</span><span>#8DB600</span><span>rgb(55% 71% 0%)</span><span>hsl(74 100% 36%)</span><span>hsv(74 100% 71%)</span></div>
<div style="background-color:#FBCEB1;color:#FBCEB1;" title="Apricot" data-name="Apricot" data-r="98" data-g="81" data-b="69" data-hue="24" data-hslsat="90" data-light="84" data-hsvsat="29" data-val="98" data-shortname="Apricot"><span>Apricot</span><span>#FBCEB1</span><span>rgb(98% 81% 69%)</span><span>hsl(24 90% 84%)</span><span>hsv(24 29% 98%)</span></div>
<div style="background-color:#00FFFF;color:#00FFFF;" title="Aqua" data-name="Aqua (web)" data-r="0" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Aqua"><span>Aqua (web)</span><span>aqua</span><span>#00FFFF</span><span>rgb(0% 100% 100%)</span><span>hsl(180 100% 50%)</span><span>hsv(180 100% 100%)</span></div>
<div style="background-color:#7FFFD4;color:#7FFFD4;" title="Aquamarine" data-name="Aquamarine (web)" data-r="50" data-g="100" data-b="83" data-hue="160" data-hslsat="100" data-light="75" data-hsvsat="50" data-val="100" data-shortname="Aquamarine"><span>Aquamarine (web)</span><span>aquamarine</span><span>#7FFFD4</span><span>rgb(50% 100% 83%)</span><span>hsl(160 100% 75%)</span><span>hsv(160 50% 100%)</span></div>
<div style="background-color:#D0FF14;color:#D0FF14;" title="Arctic lime" data-name="Arctic lime" data-r="82" data-g="100" data-b="8" data-hue="72" data-hslsat="100" data-light="54" data-hsvsat="92" data-val="100" data-shortname="Arcticlime"><span>Arctic lime</span><span>#D0FF14</span><span>rgb(82% 100% 8%)</span><span>hsl(72 100% 54%)</span><span>hsv(72 92% 100%)</span></div>
<div style="background-color:#4B5320;color:#4B5320;" title="Army green" data-name="Army green" data-r="29" data-g="33" data-b="13" data-hue="69" data-hslsat="44" data-light="23" data-hsvsat="61" data-val="33" data-shortname="Armygreen"><span>Army green</span><span>#4B5320</span><span>rgb(29% 33% 13%)</span><span>hsl(69 44% 23%)</span><span>hsv(69 61% 33%)</span></div>
<div style="background-color:#8F9779;color:#8F9779;" title="Artichoke" data-name="Artichoke" data-r="56" data-g="59" data-b="47" data-hue="76" data-hslsat="13" data-light="53" data-hsvsat="20" data-val="59" data-shortname="Artichoke"><span>Artichoke</span><span>#8F9779</span><span>rgb(56% 59% 47%)</span><span>hsl(76 13% 53%)</span><span>hsv(76 20% 59%)</span></div>
<div style="background-color:#E9D66B;color:#E9D66B;" title="Arylide yellow" data-name="Arylide yellow" data-r="91" data-g="84" data-b="42" data-hue="51" data-hslsat="74" data-light="67" data-hsvsat="54" data-val="91" data-shortname="Arylideyellow"><span>Arylide yellow</span><span>#E9D66B</span><span>rgb(91% 84% 42%)</span><span>hsl(51 74% 67%)</span><span>hsv(51 54% 91%)</span></div>
<div style="background-color:#B2BEB5;color:#B2BEB5;" title="Ash gray" data-name="Ash gray" data-r="70" data-g="75" data-b="71" data-hue="135" data-hslsat="8" data-light="72" data-hsvsat="6" data-val="75" data-shortname="Ashgray"><span>Ash gray</span><span>#B2BEB5</span><span>rgb(70% 75% 71%)</span><span>hsl(135 8% 72%)</span><span>hsv(135 6% 75%)</span></div>
<div style="background-color:#87A96B;color:#87A96B;" title="Asparagus" data-name="Asparagus" data-r="53" data-g="66" data-b="42" data-hue="93" data-hslsat="26" data-light="54" data-hsvsat="37" data-val="66" data-shortname="Asparagus"><span>Asparagus</span><span>#87A96B</span><span>rgb(53% 66% 42%)</span><span>hsl(93 26% 54%)</span><span>hsv(93 37% 66%)</span></div>
<div style="background-color:#FF9966;color:#FF9966;" title="Atomic tangerine" data-name="Atomic tangerine" data-r="100" data-g="60" data-b="40" data-hue="20" data-hslsat="100" data-light="70" data-hsvsat="60" data-val="100" data-shortname="Atomictangerine"><span>Atomic tangerine</span><span>#FF9966</span><span>rgb(100% 60% 40%)</span><span>hsl(20 100% 70%)</span><span>hsv(20 60% 100%)</span></div>
<div style="background-color:#A52A2A;color:#A52A2A;" title="Auburn" data-name="Auburn" data-r="65" data-g="16" data-b="16" data-hue="0" data-hslsat="59" data-light="41" data-hsvsat="75" data-val="65" data-shortname="Auburn"><span>Auburn</span><span>#A52A2A</span><span>rgb(65% 16% 16%)</span><span>hsl(0 59% 41%)</span><span>hsv(0 75% 65%)</span></div>
<div style="background-color:#FDEE00;color:#FDEE00;" title="Aureolin" data-name="Aureolin" data-r="99" data-g="93" data-b="0" data-hue="56" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="99" data-shortname="Aureolin"><span>Aureolin</span><span>#FDEE00</span><span>rgb(99% 93% 0%)</span><span>hsl(56 100% 50%)</span><span>hsv(56 100% 99%)</span></div>
<div style="background-color:#568203;color:#568203;" title="Avocado" data-name="Avocado" data-r="34" data-g="51" data-b="1" data-hue="81" data-hslsat="95" data-light="26" data-hsvsat="98" data-val="51" data-shortname="Avocado"><span>Avocado</span><span>#568203</span><span>rgb(34% 51% 1%)</span><span>hsl(81 95% 26%)</span><span>hsv(81 98% 51%)</span></div>
<div style="background-color:#007FFF;color:#007FFF;" title="Azure" data-name="Azure (web)" data-r="0" data-g="50" data-b="100" data-hue="210" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Azure"><span>Azure (web)</span><span>azure</span><span>#007FFF</span><span>rgb(0% 50% 100%)</span><span>hsl(210 100% 50%)</span><span>hsv(210 100% 100%)</span></div>
<div style="background-color:#F0FFFF;color:#F0FFFF;" title="Azure (X11/web color)" data-name="Azure (X11/web color)" data-r="94" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="AzureXwebcolor"><span>Azure (X11/web color)</span><span>#F0FFFF</span><span>rgb(94% 100% 100%)</span><span>hsl(180 100% 97%)</span><span>hsv(180 6% 100%)</span></div>
<div style="background-color:#89CFF0;color:#89CFF0;" title="Baby blue" data-name="Baby blue" data-r="54" data-g="81" data-b="94" data-hue="199" data-hslsat="77" data-light="74" data-hsvsat="43" data-val="94" data-shortname="Babyblue"><span>Baby blue</span><span>#89CFF0</span><span>rgb(54% 81% 94%)</span><span>hsl(199 77% 74%)</span><span>hsv(199 43% 94%)</span></div>
<div style="background-color:#A1CAF1;color:#A1CAF1;" title="Baby blue eyes" data-name="Baby blue eyes" data-r="63" data-g="79" data-b="95" data-hue="209" data-hslsat="74" data-light="79" data-hsvsat="33" data-val="95" data-shortname="Babyblueeyes"><span>Baby blue eyes</span><span>#A1CAF1</span><span>rgb(63% 79% 95%)</span><span>hsl(209 74% 79%)</span><span>hsv(209 33% 95%)</span></div>
<div style="background-color:#F4C2C2;color:#F4C2C2;" title="Baby pink" data-name="Baby pink" data-r="96" data-g="76" data-b="76" data-hue="0" data-hslsat="69" data-light="86" data-hsvsat="20" data-val="96" data-shortname="Babypink"><span>Baby pink</span><span>#F4C2C2</span><span>rgb(96% 76% 76%)</span><span>hsl(0 69% 86%)</span><span>hsv(0 20% 96%)</span></div>
<div style="background-color:#FEFEFA;color:#FEFEFA;" title="Baby powder" data-name="Baby powder" data-r="100" data-g="100" data-b="98" data-hue="60" data-hslsat="67" data-light="99" data-hsvsat="2" data-val="100" data-shortname="Babypowder"><span>Baby powder</span><span>#FEFEFA</span><span>rgb(100% 100% 98%)</span><span>hsl(60 67% 99%)</span><span>hsv(60 2% 100%)</span></div>
<div style="background-color:#FF91AF;color:#FF91AF;" title="Baker-Miller pink" data-name="Baker-Miller pink" data-r="100" data-g="57" data-b="69" data-hue="344" data-hslsat="100" data-light="78" data-hsvsat="43" data-val="100" data-shortname="BakerMillerpink"><span>Baker-Miller pink</span><span>#FF91AF</span><span>rgb(100% 57% 69%)</span><span>hsl(344 100% 78%)</span><span>hsv(344 43% 100%)</span></div>
<div style="background-color:#FAE7B5;color:#FAE7B5;" title="Banana Mania" data-name="Banana Mania" data-r="98" data-g="91" data-b="71" data-hue="43" data-hslsat="87" data-light="85" data-hsvsat="28" data-val="98" data-shortname="BananaMania"><span>Banana Mania</span><span>#FAE7B5</span><span>rgb(98% 91% 71%)</span><span>hsl(43 87% 85%)</span><span>hsv(43 28% 98%)</span></div>
<div style="background-color:#DA1884;color:#DA1884;" title="Barbie Pink" data-name="Barbie Pink" data-r="85" data-g="9" data-b="52" data-hue="327" data-hslsat="80" data-light="48" data-hsvsat="89" data-val="85" data-shortname="BarbiePink"><span>Barbie Pink</span><span>#DA1884</span><span>rgb(85% 9% 52%)</span><span>hsl(327 80% 48%)</span><span>hsv(327 89% 85%)</span></div>
<div style="background-color:#7C0A02;color:#7C0A02;" title="Barn red" data-name="Barn red" data-r="49" data-g="4" data-b="1" data-hue="4" data-hslsat="97" data-light="25" data-hsvsat="98" data-val="49" data-shortname="Barnred"><span>Barn red</span><span>#7C0A02</span><span>rgb(49% 4% 1%)</span><span>hsl(4 97% 25%)</span><span>hsv(4 98% 49%)</span></div>
<div style="background-color:#848482;color:#848482;" title="Battleship grey" data-name="Battleship grey" data-r="52" data-g="52" data-b="51" data-hue="60" data-hslsat="1" data-light="51" data-hsvsat="2" data-val="52" data-shortname="Battleshipgrey"><span>Battleship grey</span><span>#848482</span><span>rgb(52% 52% 51%)</span><span>hsl(60 1% 51%)</span><span>hsv(60 2% 52%)</span></div>
<div style="background-color:#BCD4E6;color:#BCD4E6;" title="Beau blue" data-name="Beau blue" data-r="74" data-g="83" data-b="90" data-hue="206" data-hslsat="46" data-light="82" data-hsvsat="18" data-val="90" data-shortname="Beaublue"><span>Beau blue</span><span>#BCD4E6</span><span>rgb(74% 83% 90%)</span><span>hsl(206 46% 82%)</span><span>hsv(206 18% 90%)</span></div>
<div style="background-color:#9F8170;color:#9F8170;" title="Beaver" data-name="Beaver" data-r="62" data-g="51" data-b="44" data-hue="22" data-hslsat="20" data-light="53" data-hsvsat="30" data-val="62" data-shortname="Beaver"><span>Beaver</span><span>#9F8170</span><span>rgb(62% 51% 44%)</span><span>hsl(22 20% 53%)</span><span>hsv(22 30% 62%)</span></div>
<div style="background-color:#F5F5DC;color:#F5F5DC;" title="Beige" data-name="Beige (web)" data-r="96" data-g="96" data-b="86" data-hue="60" data-hslsat="56" data-light="91" data-hsvsat="10" data-val="96" data-shortname="Beige"><span>Beige (web)</span><span>beige</span><span>#F5F5DC</span><span>rgb(96% 96% 86%)</span><span>hsl(60 56% 91%)</span><span>hsv(60 10% 96%)</span></div>
<div style="background-color:#2E5894;color:#2E5894;" title="B'dazzled blue" data-name="B'dazzled blue" data-r="18" data-g="35" data-b="58" data-hue="215" data-hslsat="53" data-light="38" data-hsvsat="69" data-val="58" data-shortname="Bdazzledblue"><span>B'dazzled blue</span><span>#2E5894</span><span>rgb(18% 35% 58%)</span><span>hsl(215 53% 38%)</span><span>hsv(215 69% 58%)</span></div>
<div style="background-color:#9C2542;color:#9C2542;" title="Big dip o’ruby" data-name="Big dip o’ruby" data-r="61" data-g="15" data-b="26" data-hue="345" data-hslsat="62" data-light="38" data-hsvsat="76" data-val="61" data-shortname="Bigdiporuby"><span>Big dip o’ruby</span><span>#9C2542</span><span>rgb(61% 15% 26%)</span><span>hsl(345 62% 38%)</span><span>hsv(345 76% 61%)</span></div>
<div style="background-color:#FFE4C4;color:#FFE4C4;" title="Bisque" data-name="Bisque (web)" data-r="100" data-g="89" data-b="77" data-hue="33" data-hslsat="100" data-light="88" data-hsvsat="23" data-val="100" data-shortname="Bisque"><span>Bisque (web)</span><span>bisque</span><span>#FFE4C4</span><span>rgb(100% 89% 77%)</span><span>hsl(33 100% 88%)</span><span>hsv(33 23% 100%)</span></div>
<div style="background-color:#3D2B1F;color:#3D2B1F;" title="Bistre" data-name="Bistre" data-r="24" data-g="17" data-b="12" data-hue="24" data-hslsat="33" data-light="18" data-hsvsat="49" data-val="24" data-shortname="Bistre"><span>Bistre</span><span>#3D2B1F</span><span>rgb(24% 17% 12%)</span><span>hsl(24 33% 18%)</span><span>hsv(24 49% 24%)</span></div>
<div style="background-color:#967117;color:#967117;" title="Bistre brown" data-name="Bistre brown" data-r="59" data-g="44" data-b="9" data-hue="43" data-hslsat="73" data-light="34" data-hsvsat="85" data-val="59" data-shortname="Bistrebrown"><span>Bistre brown</span><span>#967117</span><span>rgb(59% 44% 9%)</span><span>hsl(43 73% 34%)</span><span>hsv(43 85% 59%)</span></div>
<div style="background-color:#CAE00D;color:#CAE00D;" title="Bitter lemon" data-name="Bitter lemon" data-r="79" data-g="88" data-b="5" data-hue="66" data-hslsat="89" data-light="46" data-hsvsat="94" data-val="88" data-shortname="Bitterlemon"><span>Bitter lemon</span><span>#CAE00D</span><span>rgb(79% 88% 5%)</span><span>hsl(66 89% 46%)</span><span>hsv(66 94% 88%)</span></div>
<div style="background-color:#BFFF00;color:#BFFF00;" title="Bitter lime" data-name="Bitter lime" data-r="75" data-g="100" data-b="0" data-hue="75" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Bitterlime"><span>Bitter lime</span><span>#BFFF00</span><span>rgb(75% 100% 0%)</span><span>hsl(75 100% 50%)</span><span>hsv(75 100% 100%)</span></div>
<div style="background-color:#FE6F5E;color:#FE6F5E;" title="Bittersweet" data-name="Bittersweet" data-r="100" data-g="44" data-b="37" data-hue="6" data-hslsat="99" data-light="68" data-hsvsat="63" data-val="100" data-shortname="Bittersweet"><span>Bittersweet</span><span>#FE6F5E</span><span>rgb(100% 44% 37%)</span><span>hsl(6 99% 68%)</span><span>hsv(6 63% 100%)</span></div>
<div style="background-color:#BF4F51;color:#BF4F51;" title="Bittersweet shimmer" data-name="Bittersweet shimmer" data-r="75" data-g="31" data-b="32" data-hue="359" data-hslsat="47" data-light="53" data-hsvsat="59" data-val="75" data-shortname="Bittersweetshimmer"><span>Bittersweet shimmer</span><span>#BF4F51</span><span>rgb(75% 31% 32%)</span><span>hsl(359 47% 53%)</span><span>hsv(359 59% 75%)</span></div>
<div style="background-color:#000000;color:#000000;" title="Black" data-name="Black (web)" data-r="0" data-g="0" data-b="0" data-hue="—" data-hslsat="0" data-light="0" data-hsvsat="0" data-val="0" data-shortname="Black"><span>Black (web)</span><span>black</span><span>#000000</span><span>rgb(0% 0% 0%)</span><span>hsl(— 0% 0%)</span><span>hsv(— 0% 0%)</span></div>
<div style="background-color:#3D0C02;color:#3D0C02;" title="Black bean" data-name="Black bean" data-r="24" data-g="5" data-b="1" data-hue="10" data-hslsat="94" data-light="12" data-hsvsat="97" data-val="24" data-shortname="Blackbean"><span>Black bean</span><span>#3D0C02</span><span>rgb(24% 5% 1%)</span><span>hsl(10 94% 12%)</span><span>hsv(10 97% 24%)</span></div>
<div style="background-color:#1B1811;color:#1B1811;" title="Black chocolate" data-name="Black chocolate" data-r="11" data-g="9" data-b="7" data-hue="42" data-hslsat="23" data-light="9" data-hsvsat="37" data-val="11" data-shortname="Blackchocolate"><span>Black chocolate</span><span>#1B1811</span><span>rgb(11% 9% 7%)</span><span>hsl(42 23% 9%)</span><span>hsv(42 37% 11%)</span></div>
<div style="background-color:#3B2F2F;color:#3B2F2F;" title="Black coffee" data-name="Black coffee" data-r="23" data-g="18" data-b="18" data-hue="0" data-hslsat="11" data-light="21" data-hsvsat="20" data-val="23" data-shortname="Blackcoffee"><span>Black coffee</span><span>#3B2F2F</span><span>rgb(23% 18% 18%)</span><span>hsl(0 11% 21%)</span><span>hsv(0 20% 23%)</span></div>
<div style="background-color:#54626F;color:#54626F;" title="Black coral" data-name="Black coral" data-r="33" data-g="38" data-b="44" data-hue="209" data-hslsat="14" data-light="38" data-hsvsat="24" data-val="44" data-shortname="Blackcoral"><span>Black coral</span><span>#54626F</span><span>rgb(33% 38% 44%)</span><span>hsl(209 14% 38%)</span><span>hsv(209 24% 44%)</span></div>
<div style="background-color:#3B3C36;color:#3B3C36;" title="Black olive" data-name="Black olive" data-r="23" data-g="24" data-b="21" data-hue="70" data-hslsat="5" data-light="22" data-hsvsat="10" data-val="24" data-shortname="Blackolive"><span>Black olive</span><span>#3B3C36</span><span>rgb(23% 24% 21%)</span><span>hsl(70 5% 22%)</span><span>hsv(70 10% 24%)</span></div>
<div style="background-color:#BFAFB2;color:#BFAFB2;" title="Black Shadows" data-name="Black Shadows" data-r="75" data-g="69" data-b="70" data-hue="349" data-hslsat="11" data-light="72" data-hsvsat="8" data-val="75" data-shortname="BlackShadows"><span>Black Shadows</span><span>#BFAFB2</span><span>rgb(75% 69% 70%)</span><span>hsl(349 11% 72%)</span><span>hsv(349 8% 75%)</span></div>
<div style="background-color:#FFEBCD;color:#FFEBCD;" title="Blanched almond" data-name="Blanched almond (web)" data-r="100" data-g="92" data-b="80" data-hue="36" data-hslsat="100" data-light="90" data-hsvsat="20" data-val="100" data-shortname="Blanchedalmond"><span>Blanched almond (web)</span><span>blanchedalmond</span><span>#FFEBCD</span><span>rgb(100% 92% 80%)</span><span>hsl(36 100% 90%)</span><span>hsv(36 20% 100%)</span></div>
<div style="background-color:#A57164;color:#A57164;" title="Blast-off bronze" data-name="Blast-off bronze" data-r="65" data-g="44" data-b="39" data-hue="12" data-hslsat="27" data-light="52" data-hsvsat="39" data-val="65" data-shortname="Blastoffbronze"><span>Blast-off bronze</span><span>#A57164</span><span>rgb(65% 44% 39%)</span><span>hsl(12 27% 52%)</span><span>hsv(12 39% 65%)</span></div>
<div style="background-color:#318CE7;color:white;" title="Bleu de France" data-name="Bleu de France" data-r="19" data-g="55" data-b="91" data-hue="210" data-hslsat="79" data-light="55" data-hsvsat="79" data-val="91" data-shortname="BleudeFrance"><span>Bleu de France</span><span>#318CE7</span><span>rgb(19% 55% 91%)</span><span>hsl(210 79% 55%)</span><span>hsv(210 79% 91%)</span></div>
<div style="background-color:#ACE5EE;color:#ACE5EE;" title="Blizzard blue" data-name="Blizzard blue" data-r="67" data-g="90" data-b="93" data-hue="188" data-hslsat="66" data-light="80" data-hsvsat="28" data-val="93" data-shortname="Blizzardblue"><span>Blizzard blue</span><span>#ACE5EE</span><span>rgb(67% 90% 93%)</span><span>hsl(188 66% 80%)</span><span>hsv(188 28% 93%)</span></div>
<div style="background-color:#FAF0BE;color:#FAF0BE;" title="Blond" data-name="Blond" data-r="98" data-g="94" data-b="75" data-hue="50" data-hslsat="86" data-light="86" data-hsvsat="24" data-val="98" data-shortname="Blond"><span>Blond</span><span>#FAF0BE</span><span>rgb(98% 94% 75%)</span><span>hsl(50 86% 86%)</span><span>hsv(50 24% 98%)</span></div>
<div style="background-color:#660000;color:#660000;" title="Blood red" data-name="Blood red" data-r="40" data-g="0" data-b="0" data-hue="0" data-hslsat="100" data-light="20" data-hsvsat="100" data-val="40" data-shortname="Bloodred"><span>Blood red</span><span>#660000</span><span>rgb(40% 0% 0%)</span><span>hsl(0 100% 20%)</span><span>hsv(0 100% 40%)</span></div>
<div style="background-color:#0000FF;color:#0000FF;" title="Blue" data-name="Blue (web)" data-r="0" data-g="0" data-b="100" data-hue="240" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Blue"><span>Blue (web)</span><span>blue</span><span>#0000FF</span><span>rgb(0% 0% 100%)</span><span>hsl(240 100% 50%)</span><span>hsv(240 100% 100%)</span></div>
<div style="background-color:#1F75FE;color:#1F75FE;" title="Blue (Crayola)" data-name="Blue (Crayola)" data-r="12" data-g="46" data-b="100" data-hue="217" data-hslsat="99" data-light="56" data-hsvsat="88" data-val="100" data-shortname="BlueCrayola"><span>Blue (Crayola)</span><span>#1F75FE</span><span>rgb(12% 46% 100%)</span><span>hsl(217 99% 56%)</span><span>hsv(217 88% 100%)</span></div>
<div style="background-color:#0093AF;color:#0093AF;" title="Blue (Munsell)" data-name="Blue (Munsell)" data-r="0" data-g="58" data-b="69" data-hue="190" data-hslsat="100" data-light="34" data-hsvsat="100" data-val="69" data-shortname="BlueMunsell"><span>Blue (Munsell)</span><span>#0093AF</span><span>rgb(0% 58% 69%)</span><span>hsl(190 100% 34%)</span><span>hsv(190 100% 69%)</span></div>
<div style="background-color:#0087BD;color:#0087BD;" title="Blue (NCS)" data-name="Blue (NCS)" data-r="0" data-g="53" data-b="74" data-hue="197" data-hslsat="100" data-light="37" data-hsvsat="100" data-val="74" data-shortname="BlueNCS"><span>Blue (NCS)</span><span>#0087BD</span><span>rgb(0% 53% 74%)</span><span>hsl(197 100% 37%)</span><span>hsv(197 100% 74%)</span></div>
<div style="background-color:#0018A8;color:#0018A8;" title="Blue (Pantone)" data-name="Blue (Pantone)" data-r="0" data-g="9" data-b="66" data-hue="231" data-hslsat="100" data-light="33" data-hsvsat="100" data-val="66" data-shortname="BluePantone"><span>Blue (Pantone)</span><span>#0018A8</span><span>rgb(0% 9% 66%)</span><span>hsl(231 100% 33%)</span><span>hsv(231 100% 66%)</span></div>
<div style="background-color:#333399;color:#333399;" title="Blue (pigment)" data-name="Blue (pigment)" data-r="20" data-g="20" data-b="60" data-hue="240" data-hslsat="50" data-light="40" data-hsvsat="67" data-val="60" data-shortname="Bluepigment"><span>Blue (pigment)</span><span>#333399</span><span>rgb(20% 20% 60%)</span><span>hsl(240 50% 40%)</span><span>hsv(240 67% 60%)</span></div>
<div style="background-color:#0247FE;color:#0247FE;" title="Blue (RYB)" data-name="Blue (RYB)" data-r="1" data-g="28" data-b="100" data-hue="224" data-hslsat="99" data-light="50" data-hsvsat="99" data-val="100" data-shortname="BlueRYB"><span>Blue (RYB)</span><span>#0247FE</span><span>rgb(1% 28% 100%)</span><span>hsl(224 99% 50%)</span><span>hsv(224 99% 100%)</span></div>
<div style="background-color:#A2A2D0;color:#A2A2D0;" title="Blue bell" data-name="Blue bell" data-r="64" data-g="64" data-b="82" data-hue="240" data-hslsat="33" data-light="73" data-hsvsat="22" data-val="82" data-shortname="Bluebell"><span>Blue bell</span><span>#A2A2D0</span><span>rgb(64% 64% 82%)</span><span>hsl(240 33% 73%)</span><span>hsv(240 22% 82%)</span></div>
<div style="background-color:#6699CC;color:#6699CC;" title="Blue-gray" data-name="Blue-gray" data-r="40" data-g="60" data-b="80" data-hue="210" data-hslsat="50" data-light="60" data-hsvsat="50" data-val="80" data-shortname="Bluegray"><span>Blue-gray</span><span>#6699CC</span><span>rgb(40% 60% 80%)</span><span>hsl(210 50% 60%)</span><span>hsv(210 50% 80%)</span></div>
<div style="background-color:#0D98BA;color:#0D98BA;" title="Blue-green" data-name="Blue-green" data-r="5" data-g="60" data-b="73" data-hue="192" data-hslsat="87" data-light="39" data-hsvsat="93" data-val="73" data-shortname="Bluegreen"><span>Blue-green</span><span>#0D98BA</span><span>rgb(5% 60% 73%)</span><span>hsl(192 87% 39%)</span><span>hsv(192 93% 73%)</span></div>
<div style="background-color:#064E40;color:#064E40;" title="Blue-green (color wheel)" data-name="Blue-green (color wheel)" data-r="2" data-g="31" data-b="25" data-hue="168" data-hslsat="86" data-light="17" data-hsvsat="92" data-val="31" data-shortname="Bluegreencolorwheel"><span>Blue-green (color wheel)</span><span>#064E40</span><span>rgb(2% 31% 25%)</span><span>hsl(168 86% 17%)</span><span>hsv(168 92% 31%)</span></div>
<div style="background-color:#5DADEC;color:#5DADEC;" title="Blue jeans" data-name="Blue jeans" data-r="36" data-g="68" data-b="93" data-hue="206" data-hslsat="79" data-light="65" data-hsvsat="61" data-val="93" data-shortname="Bluejeans"><span>Blue jeans</span><span>#5DADEC</span><span>rgb(36% 68% 93%)</span><span>hsl(206 79% 65%)</span><span>hsv(206 61% 93%)</span></div>
<div style="background-color:#126180;color:#126180;" title="Blue sapphire" data-name="Blue sapphire" data-r="7" data-g="38" data-b="50" data-hue="197" data-hslsat="75" data-light="29" data-hsvsat="86" data-val="50" data-shortname="Bluesapphire"><span>Blue sapphire</span><span>#126180</span><span>rgb(7% 38% 50%)</span><span>hsl(197 75% 29%)</span><span>hsv(197 86% 50%)</span></div>
<div style="background-color:#8A2BE2;color:#8A2BE2;" title="Blue-violet" data-name="Blue-violet (web)" data-r="54" data-g="17" data-b="89" data-hue="271" data-hslsat="76" data-light="53" data-hsvsat="81" data-val="89" data-shortname="Blueviolet"><span>Blue-violet (web)</span><span>blueviolet</span><span>#8A2BE2</span><span>rgb(54% 17% 89%)</span><span>hsl(271 76% 53%)</span><span>hsv(271 81% 89%)</span></div>
<div style="background-color:#7366BD;color:#7366BD;" title="Blue-violet (Crayola)" data-name="Blue-violet (Crayola)" data-r="45" data-g="40" data-b="74" data-hue="249" data-hslsat="40" data-light="57" data-hsvsat="46" data-val="74" data-shortname="BluevioletCrayola"><span>Blue-violet (Crayola)</span><span>#7366BD</span><span>rgb(45% 40% 74%)</span><span>hsl(249 40% 57%)</span><span>hsv(249 46% 74%)</span></div>
<div style="background-color:#4D1A7F;color:#4D1A7F;" title="Blue-violet (color wheel)" data-name="Blue-violet (color wheel)" data-r="30" data-g="10" data-b="50" data-hue="270" data-hslsat="66" data-light="30" data-hsvsat="46" data-val="74" data-shortname="Bluevioletcolorwheel"><span>Blue-violet (color wheel)</span><span>#4D1A7F</span><span>rgb(30% 10% 50%)</span><span>hsl(270 66% 30%)</span><span>hsv(270 46% 74%)</span></div>
<div style="background-color:#5072A7;color:#5072A7;" title="Blue yonder" data-name="Blue yonder" data-r="31" data-g="45" data-b="65" data-hue="217" data-hslsat="35" data-light="48" data-hsvsat="52" data-val="65" data-shortname="Blueyonder"><span>Blue yonder</span><span>#5072A7</span><span>rgb(31% 45% 65%)</span><span>hsl(217 35% 48%)</span><span>hsv(217 52% 65%)</span></div>
<div style="background-color:#3C69E7;color:#3C69E7;" title="Bluetiful" data-name="Bluetiful" data-r="24" data-g="41" data-b="91" data-hue="224" data-hslsat="78" data-light="57" data-hsvsat="74" data-val="91" data-shortname="Bluetiful"><span>Bluetiful</span><span>#3C69E7</span><span>rgb(24% 41% 91%)</span><span>hsl(224 78% 57%)</span><span>hsv(224 74% 91%)</span></div>
<div style="background-color:#DE5D83;color:#DE5D83;" title="Blush" data-name="Blush" data-r="87" data-g="36" data-b="51" data-hue="342" data-hslsat="66" data-light="62" data-hsvsat="58" data-val="87" data-shortname="Blush"><span>Blush</span><span>#DE5D83</span><span>rgb(87% 36% 51%)</span><span>hsl(342 66% 62%)</span><span>hsv(342 58% 87%)</span></div>
<div style="background-color:#79443B;color:#79443B;" title="Bole" data-name="Bole" data-r="47" data-g="27" data-b="23" data-hue="9" data-hslsat="34" data-light="35" data-hsvsat="51" data-val="47" data-shortname="Bole"><span>Bole</span><span>#79443B</span><span>rgb(47% 27% 23%)</span><span>hsl(9 34% 35%)</span><span>hsv(9 51% 47%)</span></div>
<div style="background-color:#E3DAC9;color:#E3DAC9;" title="Bone" data-name="Bone" data-r="89" data-g="85" data-b="79" data-hue="39" data-hslsat="32" data-light="84" data-hsvsat="11" data-val="89" data-shortname="Bone"><span>Bone</span><span>#E3DAC9</span><span>rgb(89% 85% 79%)</span><span>hsl(39 32% 84%)</span><span>hsv(39 11% 89%)</span></div>
<div style="background-color:#006A4E;color:#006A4E;" title="Bottle green" data-name="Bottle green" data-r="0" data-g="42" data-b="31" data-hue="164" data-hslsat="100" data-light="21" data-hsvsat="100" data-val="42" data-shortname="Bottlegreen"><span>Bottle green</span><span>#006A4E</span><span>rgb(0% 42% 31%)</span><span>hsl(164 100% 21%)</span><span>hsv(164 100% 42%)</span></div>
<div style="background-color:#87413F;color:#87413F;" title="Brandy" data-name="Brandy" data-r="53" data-g="25" data-b="25" data-hue="2" data-hslsat="36" data-light="39" data-hsvsat="53" data-val="53" data-shortname="Brandy"><span>Brandy</span><span>#87413F</span><span>rgb(53% 25% 25%)</span><span>hsl(2 36% 39%)</span><span>hsv(2 53% 53%)</span></div>
<div style="background-color:#CB4154;color:#CB4154;" title="Brick red" data-name="Brick red" data-r="80" data-g="25" data-b="33" data-hue="352" data-hslsat="57" data-light="53" data-hsvsat="68" data-val="80" data-shortname="Brickred"><span>Brick red</span><span>#CB4154</span><span>rgb(80% 25% 33%)</span><span>hsl(352 57% 53%)</span><span>hsv(352 68% 80%)</span></div>
<div style="background-color:#66FF00;color:#66FF00;" title="Bright green" data-name="Bright green" data-r="40" data-g="100" data-b="0" data-hue="96" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Brightgreen"><span>Bright green</span><span>#66FF00</span><span>rgb(40% 100% 0%)</span><span>hsl(96 100% 50%)</span><span>hsv(96 100% 100%)</span></div>
<div style="background-color:#D891EF;color:#D891EF;" title="Bright lilac" data-name="Bright lilac" data-r="85" data-g="57" data-b="94" data-hue="285" data-hslsat="75" data-light="75" data-hsvsat="39" data-val="94" data-shortname="Brightlilac"><span>Bright lilac</span><span>#D891EF</span><span>rgb(85% 57% 94%)</span><span>hsl(285 75% 75%)</span><span>hsv(285 39% 94%)</span></div>
<div style="background-color:#C32148;color:#C32148;" title="Bright maroon" data-name="Bright maroon" data-r="76" data-g="13" data-b="28" data-hue="346" data-hslsat="71" data-light="45" data-hsvsat="83" data-val="76" data-shortname="Brightmaroon"><span>Bright maroon</span><span>#C32148</span><span>rgb(76% 13% 28%)</span><span>hsl(346 71% 45%)</span><span>hsv(346 83% 76%)</span></div>
<div style="background-color:#1974D2;color:#1974D2;" title="Bright navy blue" data-name="Bright navy blue" data-r="10" data-g="45" data-b="82" data-hue="210" data-hslsat="79" data-light="46" data-hsvsat="88" data-val="82" data-shortname="Brightnavyblue"><span>Bright navy blue</span><span>#1974D2</span><span>rgb(10% 45% 82%)</span><span>hsl(210 79% 46%)</span><span>hsv(210 88% 82%)</span></div>
<div style="background-color:#FFAA1D;color:#FFAA1D;" title="Bright yellow (Crayola)" data-name="Bright yellow (Crayola)" data-r="100" data-g="67" data-b="11" data-hue="37" data-hslsat="100" data-light="56" data-hsvsat="89" data-val="100" data-shortname="BrightyellowCrayola"><span>Bright yellow (Crayola)</span><span>#FFAA1D</span><span>rgb(100% 67% 11%)</span><span>hsl(37 100% 56%)</span><span>hsv(37 89% 100%)</span></div>
<div style="background-color:#FF55A3;color:#FF55A3;" title="Brilliant rose" data-name="Brilliant rose" data-r="100" data-g="33" data-b="64" data-hue="332" data-hslsat="100" data-light="67" data-hsvsat="67" data-val="100" data-shortname="Brilliantrose"><span>Brilliant rose</span><span>#FF55A3</span><span>rgb(100% 33% 64%)</span><span>hsl(332 100% 67%)</span><span>hsv(332 67% 100%)</span></div>
<div style="background-color:#FB607F;color:#FB607F;" title="Brink pink" data-name="Brink pink" data-r="98" data-g="38" data-b="50" data-hue="348" data-hslsat="95" data-light="68" data-hsvsat="62" data-val="98" data-shortname="Brinkpink"><span>Brink pink</span><span>#FB607F</span><span>rgb(98% 38% 50%)</span><span>hsl(348 95% 68%)</span><span>hsv(348 62% 98%)</span></div>
<div style="background-color:#004225;color:#004225;" title="British racing green" data-name="British racing green" data-r="0" data-g="26" data-b="15" data-hue="154" data-hslsat="100" data-light="13" data-hsvsat="100" data-val="26" data-shortname="Britishracinggreen"><span>British racing green</span><span>#004225</span><span>rgb(0% 26% 15%)</span><span>hsl(154 100% 13%)</span><span>hsv(154 100% 26%)</span></div>
<div style="background-color:#CD7F32;color:#CD7F32;" title="Bronze" data-name="Bronze" data-r="80" data-g="50" data-b="20" data-hue="30" data-hslsat="61" data-light="50" data-hsvsat="76" data-val="80" data-shortname="Bronze"><span>Bronze</span><span>#CD7F32</span><span>rgb(80% 50% 20%)</span><span>hsl(30 61% 50%)</span><span>hsv(30 76% 80%)</span></div>
<div style="background-color:#88540B;color:#88540B;" title="Brown" data-name="Brown (web)" data-r="53" data-g="33" data-b="4" data-hue="35" data-hslsat="85" data-light="29" data-hsvsat="92" data-val="53" data-shortname="Brown"><span>Brown (web)</span><span>brown</span><span>#88540B</span><span>rgb(53% 33% 4%)</span><span>hsl(35 85% 29%)</span><span>hsv(35 92% 53%)</span></div>
<div style="background-color:#AF6E4D;color:#AF6E4D;" title="Brown sugar" data-name="Brown sugar" data-r="69" data-g="43" data-b="30" data-hue="20" data-hslsat="39" data-light="49" data-hsvsat="56" data-val="69" data-shortname="Brownsugar"><span>Brown sugar</span><span>#AF6E4D</span><span>rgb(69% 43% 30%)</span><span>hsl(20 39% 49%)</span><span>hsv(20 56% 69%)</span></div>
<div style="background-color:#1B4D3E;color:#1B4D3E;" title="Brunswick green" data-name="Brunswick green" data-r="11" data-g="30" data-b="24" data-hue="162" data-hslsat="48" data-light="20" data-hsvsat="65" data-val="30" data-shortname="Brunswickgreen"><span>Brunswick green</span><span>#1B4D3E</span><span>rgb(11% 30% 24%)</span><span>hsl(162 48% 20%)</span><span>hsv(162 65% 30%)</span></div>
<div style="background-color:#7BB661;color:#7BB661;" title="Bud green" data-name="Bud green" data-r="48" data-g="71" data-b="38" data-hue="102" data-hslsat="37" data-light="55" data-hsvsat="47" data-val="71" data-shortname="Budgreen"><span>Bud green</span><span>#7BB661</span><span>rgb(48% 71% 38%)</span><span>hsl(102 37% 55%)</span><span>hsv(102 47% 71%)</span></div>
<div style="background-color:#F0DC82;color:#F0DC82;" title="Buff" data-name="Buff" data-r="94" data-g="86" data-b="51" data-hue="49" data-hslsat="79" data-light="73" data-hsvsat="46" data-val="94" data-shortname="Buff"><span>Buff</span><span>#F0DC82</span><span>rgb(94% 86% 51%)</span><span>hsl(49 79% 73%)</span><span>hsv(49 46% 94%)</span></div>
<div style="background-color:#800020;color:#800020;" title="Burgundy" data-name="Burgundy" data-r="50" data-g="0" data-b="13" data-hue="345" data-hslsat="100" data-light="25" data-hsvsat="100" data-val="50" data-shortname="Burgundy"><span>Burgundy</span><span>#800020</span><span>rgb(50% 0% 13%)</span><span>hsl(345 100% 25%)</span><span>hsv(345 100% 50%)</span></div>
<div style="background-color:#DEB887;color:#DEB887;" title="Burlywood" data-name="Burlywood (web)" data-r="87" data-g="72" data-b="53" data-hue="34" data-hslsat="57" data-light="70" data-hsvsat="39" data-val="87" data-shortname="Burlywood"><span>Burlywood (web)</span><span>burlywood</span><span>#DEB887</span><span>rgb(87% 72% 53%)</span><span>hsl(34 57% 70%)</span><span>hsv(34 39% 87%)</span></div>
<div style="background-color:#A17A74;color:#A17A74;" title="Burnished brown" data-name="Burnished brown" data-r="63" data-g="48" data-b="45" data-hue="8" data-hslsat="19" data-light="54" data-hsvsat="28" data-val="63" data-shortname="Burnishedbrown"><span>Burnished brown</span><span>#A17A74</span><span>rgb(63% 48% 45%)</span><span>hsl(8 19% 54%)</span><span>hsv(8 28% 63%)</span></div>
<div style="background-color:#CC5500;color:#CC5500;" title="Burnt orange" data-name="Burnt orange" data-r="80" data-g="33" data-b="0" data-hue="25" data-hslsat="100" data-light="40" data-hsvsat="100" data-val="80" data-shortname="Burntorange"><span>Burnt orange</span><span>#CC5500</span><span>rgb(80% 33% 0%)</span><span>hsl(25 100% 40%)</span><span>hsv(25 100% 80%)</span></div>
<div style="background-color:#E97451;color:#E97451;" title="Burnt sienna" data-name="Burnt sienna" data-r="91" data-g="45" data-b="32" data-hue="14" data-hslsat="78" data-light="62" data-hsvsat="65" data-val="91" data-shortname="Burntsienna"><span>Burnt sienna</span><span>#E97451</span><span>rgb(91% 45% 32%)</span><span>hsl(14 78% 62%)</span><span>hsv(14 65% 91%)</span></div>
<div style="background-color:#8A3324;color:#8A3324;" title="Burnt umber" data-name="Burnt umber" data-r="54" data-g="20" data-b="14" data-hue="9" data-hslsat="59" data-light="34" data-hsvsat="74" data-val="54" data-shortname="Burntumber"><span>Burnt umber</span><span>#8A3324</span><span>rgb(54% 20% 14%)</span><span>hsl(9 59% 34%)</span><span>hsv(9 74% 54%)</span></div>
<div style="background-color:#BD33A4;color:#BD33A4;" title="Byzantine" data-name="Byzantine" data-r="74" data-g="20" data-b="64" data-hue="311" data-hslsat="58" data-light="47" data-hsvsat="73" data-val="74" data-shortname="Byzantine"><span>Byzantine</span><span>#BD33A4</span><span>rgb(74% 20% 64%)</span><span>hsl(311 58% 47%)</span><span>hsv(311 73% 74%)</span></div>
<div style="background-color:#702963;color:#702963;" title="Byzantium" data-name="Byzantium" data-r="44" data-g="16" data-b="39" data-hue="311" data-hslsat="46" data-light="30" data-hsvsat="63" data-val="44" data-shortname="Byzantium"><span>Byzantium</span><span>#702963</span><span>rgb(44% 16% 39%)</span><span>hsl(311 46% 30%)</span><span>hsv(311 63% 44%)</span></div>
<div style="background-color:#536872;color:#536872;" title="Cadet" data-name="Cadet" data-r="33" data-g="41" data-b="45" data-hue="199" data-hslsat="16" data-light="39" data-hsvsat="27" data-val="45" data-shortname="Cadet"><span>Cadet</span><span>#536872</span><span>rgb(33% 41% 45%)</span><span>hsl(199 16% 39%)</span><span>hsv(199 27% 45%)</span></div>
<div style="background-color:#5F9EA0;color:#5F9EA0;" title="Cadet blue" data-name="Cadet blue (web)" data-r="37" data-g="62" data-b="63" data-hue="182" data-hslsat="25" data-light="50" data-hsvsat="41" data-val="63" data-shortname="Cadetblue"><span>Cadet blue (web)</span><span>cadetblue</span><span>#5F9EA0</span><span>rgb(37% 62% 63%)</span><span>hsl(182 25% 50%)</span><span>hsv(182 41% 63%)</span></div>
<div style="background-color:#A9B2C3;color:#A9B2C3;" title="Cadet blue (Crayola)" data-name="Cadet blue (Crayola)" data-r="66" data-g="70" data-b="76" data-hue="219" data-hslsat="18" data-light="71" data-hsvsat="13" data-val="76" data-shortname="CadetblueCrayola"><span>Cadet blue (Crayola)</span><span>#A9B2C3</span><span>rgb(66% 70% 76%)</span><span>hsl(219 18% 71%)</span><span>hsv(219 13% 76%)</span></div>
<div style="background-color:#91A3B0;color:#91A3B0;" title="Cadet grey" data-name="Cadet grey" data-r="57" data-g="64" data-b="69" data-hue="205" data-hslsat="16" data-light="63" data-hsvsat="18" data-val="69" data-shortname="Cadetgrey"><span>Cadet grey</span><span>#91A3B0</span><span>rgb(57% 64% 69%)</span><span>hsl(205 16% 63%)</span><span>hsv(205 18% 69%)</span></div>
<div style="background-color:#006B3C;color:#006B3C;" title="Cadmium green" data-name="Cadmium green" data-r="0" data-g="42" data-b="24" data-hue="154" data-hslsat="100" data-light="21" data-hsvsat="100" data-val="42" data-shortname="Cadmiumgreen"><span>Cadmium green</span><span>#006B3C</span><span>rgb(0% 42% 24%)</span><span>hsl(154 100% 21%)</span><span>hsv(154 100% 42%)</span></div>
<div style="background-color:#ED872D;color:#ED872D;" title="Cadmium orange" data-name="Cadmium orange" data-r="93" data-g="53" data-b="18" data-hue="28" data-hslsat="84" data-light="55" data-hsvsat="81" data-val="93" data-shortname="Cadmiumorange"><span>Cadmium orange</span><span>#ED872D</span><span>rgb(93% 53% 18%)</span><span>hsl(28 84% 55%)</span><span>hsv(28 81% 93%)</span></div>
<div style="background-color:#E30022;color:#E30022;" title="Cadmium red" data-name="Cadmium red" data-r="89" data-g="0" data-b="13" data-hue="351" data-hslsat="100" data-light="45" data-hsvsat="100" data-val="89" data-shortname="Cadmiumred"><span>Cadmium red</span><span>#E30022</span><span>rgb(89% 0% 13%)</span><span>hsl(351 100% 45%)</span><span>hsv(351 100% 89%)</span></div>
<div style="background-color:#FFF600;color:#FFF600;" title="Cadmium yellow" data-name="Cadmium yellow" data-r="100" data-g="96" data-b="0" data-hue="58" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Cadmiumyellow"><span>Cadmium yellow</span><span>#FFF600</span><span>rgb(100% 96% 0%)</span><span>hsl(58 100% 50%)</span><span>hsv(58 100% 100%)</span></div>
<div style="background-color:#A67B5B;color:#A67B5B;" title="Café au lait" data-name="Café au lait" data-r="65" data-g="48" data-b="36" data-hue="26" data-hslsat="30" data-light="50" data-hsvsat="45" data-val="65" data-shortname="Cafaulait"><span>Café au lait</span><span>#A67B5B</span><span>rgb(65% 48% 36%)</span><span>hsl(26 30% 50%)</span><span>hsv(26 45% 65%)</span></div>
<div style="background-color:#4B3621;color:#4B3621;" title="Café noir" data-name="Café noir" data-r="29" data-g="21" data-b="13" data-hue="30" data-hslsat="39" data-light="21" data-hsvsat="56" data-val="29" data-shortname="Cafnoir"><span>Café noir</span><span>#4B3621</span><span>rgb(29% 21% 13%)</span><span>hsl(30 39% 21%)</span><span>hsv(30 56% 29%)</span></div>
<div style="background-color:#A3C1AD;color:#A3C1AD;" title="Cambridge blue" data-name="Cambridge blue" data-r="64" data-g="76" data-b="68" data-hue="140" data-hslsat="19" data-light="70" data-hsvsat="16" data-val="76" data-shortname="Cambridgeblue"><span>Cambridge blue</span><span>#A3C1AD</span><span>rgb(64% 76% 68%)</span><span>hsl(140 19% 70%)</span><span>hsv(140 16% 76%)</span></div>
<div style="background-color:#C19A6B;color:#C19A6B;" title="Camel" data-name="Camel" data-r="76" data-g="60" data-b="42" data-hue="33" data-hslsat="41" data-light="59" data-hsvsat="45" data-val="76" data-shortname="Camel"><span>Camel</span><span>#C19A6B</span><span>rgb(76% 60% 42%)</span><span>hsl(33 41% 59%)</span><span>hsv(33 45% 76%)</span></div>
<div style="background-color:#EFBBCC;color:#EFBBCC;" title="Cameo pink" data-name="Cameo pink" data-r="94" data-g="73" data-b="80" data-hue="340" data-hslsat="62" data-light="84" data-hsvsat="22" data-val="94" data-shortname="Cameopink"><span>Cameo pink</span><span>#EFBBCC</span><span>rgb(94% 73% 80%)</span><span>hsl(340 62% 84%)</span><span>hsv(340 22% 94%)</span></div>
<div style="background-color:#FFFF99;color:#FFFF99;" title="Canary" data-name="Canary" data-r="100" data-g="100" data-b="60" data-hue="60" data-hslsat="100" data-light="80" data-hsvsat="40" data-val="100" data-shortname="Canary"><span>Canary</span><span>#FFFF99</span><span>rgb(100% 100% 60%)</span><span>hsl(60 100% 80%)</span><span>hsv(60 40% 100%)</span></div>
<div style="background-color:#FFEF00;color:#FFEF00;" title="Canary yellow" data-name="Canary yellow" data-r="100" data-g="94" data-b="0" data-hue="56" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Canaryyellow"><span>Canary yellow</span><span>#FFEF00</span><span>rgb(100% 94% 0%)</span><span>hsl(56 100% 50%)</span><span>hsv(56 100% 100%)</span></div>
<div style="background-color:#FF0800;color:#FF0800;" title="Candy apple red" data-name="Candy apple red" data-r="100" data-g="3" data-b="0" data-hue="2" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Candyapplered"><span>Candy apple red</span><span>#FF0800</span><span>rgb(100% 3% 0%)</span><span>hsl(2 100% 50%)</span><span>hsv(2 100% 100%)</span></div>
<div style="background-color:#E4717A;color:#E4717A;" title="Candy pink" data-name="Candy pink" data-r="89" data-g="44" data-b="48" data-hue="355" data-hslsat="68" data-light="67" data-hsvsat="50" data-val="89" data-shortname="Candypink"><span>Candy pink</span><span>#E4717A</span><span>rgb(89% 44% 48%)</span><span>hsl(355 68% 67%)</span><span>hsv(355 50% 89%)</span></div>
<div style="background-color:#00BFFF;color:#00BFFF;" title="Capri" data-name="Capri" data-r="0" data-g="75" data-b="100" data-hue="195" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Capri"><span>Capri</span><span>#00BFFF</span><span>rgb(0% 75% 100%)</span><span>hsl(195 100% 50%)</span><span>hsv(195 100% 100%)</span></div>
<div style="background-color:#592720;color:#592720;" title="Caput mortuum" data-name="Caput mortuum" data-r="35" data-g="15" data-b="13" data-hue="7" data-hslsat="47" data-light="24" data-hsvsat="64" data-val="35" data-shortname="Caputmortuum"><span>Caput mortuum</span><span>#592720</span><span>rgb(35% 15% 13%)</span><span>hsl(7 47% 24%)</span><span>hsv(7 64% 35%)</span></div>
<div style="background-color:#C41E3A;color:#C41E3A;" title="Cardinal" data-name="Cardinal" data-r="77" data-g="12" data-b="23" data-hue="350" data-hslsat="74" data-light="44" data-hsvsat="85" data-val="77" data-shortname="Cardinal"><span>Cardinal</span><span>#C41E3A</span><span>rgb(77% 12% 23%)</span><span>hsl(350 74% 44%)</span><span>hsv(350 85% 77%)</span></div>
<div style="background-color:#00CC99;color:#00CC99;" title="Caribbean green" data-name="Caribbean green" data-r="0" data-g="80" data-b="60" data-hue="165" data-hslsat="100" data-light="40" data-hsvsat="100" data-val="80" data-shortname="Caribbeangreen"><span>Caribbean green</span><span>#00CC99</span><span>rgb(0% 80% 60%)</span><span>hsl(165 100% 40%)</span><span>hsv(165 100% 80%)</span></div>
<div style="background-color:#960018;color:#960018;" title="Carmine" data-name="Carmine" data-r="59" data-g="0" data-b="9" data-hue="350" data-hslsat="100" data-light="29" data-hsvsat="100" data-val="59" data-shortname="Carmine"><span>Carmine</span><span>#960018</span><span>rgb(59% 0% 9%)</span><span>hsl(350 100% 29%)</span><span>hsv(350 100% 59%)</span></div>
<div style="background-color:#D70040;color:#D70040;" title="Carmine (M&P)" data-name="Carmine (M&amp;P)" data-r="84" data-g="0" data-b="25" data-hue="342" data-hslsat="100" data-light="42" data-hsvsat="100" data-val="84" data-shortname="CarmineMP"><span>Carmine (M&P)</span><span>#D70040</span><span>rgb(84% 0% 25%)</span><span>hsl(342 100% 42%)</span><span>hsv(342 100% 84%)</span></div>
<div style="background-color:#FFA6C9;color:#FFA6C9;" title="Carnation pink" data-name="Carnation pink" data-r="100" data-g="65" data-b="79" data-hue="336" data-hslsat="100" data-light="83" data-hsvsat="35" data-val="100" data-shortname="Carnationpink"><span>Carnation pink</span><span>#FFA6C9</span><span>rgb(100% 65% 79%)</span><span>hsl(336 100% 83%)</span><span>hsv(336 35% 100%)</span></div>
<div style="background-color:#B31B1B;color:#B31B1B;" title="Carnelian" data-name="Carnelian" data-r="70" data-g="11" data-b="11" data-hue="0" data-hslsat="74" data-light="40" data-hsvsat="85" data-val="70" data-shortname="Carnelian"><span>Carnelian</span><span>#B31B1B</span><span>rgb(70% 11% 11%)</span><span>hsl(0 74% 40%)</span><span>hsv(0 85% 70%)</span></div>
<div style="background-color:#56A0D3;color:#56A0D3;" title="Carolina blue" data-name="Carolina blue" data-r="34" data-g="63" data-b="83" data-hue="204" data-hslsat="59" data-light="58" data-hsvsat="59" data-val="83" data-shortname="Carolinablue"><span>Carolina blue</span><span>#56A0D3</span><span>rgb(34% 63% 83%)</span><span>hsl(204 59% 58%)</span><span>hsv(204 59% 83%)</span></div>
<div style="background-color:#ED9121;color:#ED9121;" title="Carrot orange" data-name="Carrot orange" data-r="93" data-g="57" data-b="13" data-hue="33" data-hslsat="85" data-light="53" data-hsvsat="86" data-val="93" data-shortname="Carrotorange"><span>Carrot orange</span><span>#ED9121</span><span>rgb(93% 57% 13%)</span><span>hsl(33 85% 53%)</span><span>hsv(33 86% 93%)</span></div>
<div style="background-color:#00563F;color:#00563F;" title="Castleton green" data-name="Castleton green" data-r="0" data-g="34" data-b="25" data-hue="164" data-hslsat="100" data-light="17" data-hsvsat="100" data-val="34" data-shortname="Castletongreen"><span>Castleton green</span><span>#00563F</span><span>rgb(0% 34% 25%)</span><span>hsl(164 100% 17%)</span><span>hsv(164 100% 34%)</span></div>
<div style="background-color:#703642;color:#703642;" title="Catawba" data-name="Catawba" data-r="44" data-g="21" data-b="26" data-hue="348" data-hslsat="35" data-light="33" data-hsvsat="52" data-val="44" data-shortname="Catawba"><span>Catawba</span><span>#703642</span><span>rgb(44% 21% 26%)</span><span>hsl(348 35% 33%)</span><span>hsv(348 52% 44%)</span></div>
<div style="background-color:#C95A49;color:#C95A49;" title="Cedar Chest" data-name="Cedar Chest" data-r="79" data-g="35" data-b="29" data-hue="8" data-hslsat="54" data-light="54" data-hsvsat="64" data-val="79" data-shortname="CedarChest"><span>Cedar Chest</span><span>#C95A49</span><span>rgb(79% 35% 29%)</span><span>hsl(8 54% 54%)</span><span>hsv(8 64% 79%)</span></div>
<div style="background-color:#ACE1AF;color:#ACE1AF;" title="Celadon" data-name="Celadon" data-r="67" data-g="88" data-b="69" data-hue="123" data-hslsat="47" data-light="78" data-hsvsat="24" data-val="88" data-shortname="Celadon"><span>Celadon</span><span>#ACE1AF</span><span>rgb(67% 88% 69%)</span><span>hsl(123 47% 78%)</span><span>hsv(123 24% 88%)</span></div>
<div style="background-color:#007BA7;color:#007BA7;" title="Celadon blue" data-name="Celadon blue" data-r="0" data-g="48" data-b="65" data-hue="196" data-hslsat="100" data-light="33" data-hsvsat="100" data-val="65" data-shortname="Celadonblue"><span>Celadon blue</span><span>#007BA7</span><span>rgb(0% 48% 65%)</span><span>hsl(196 100% 33%)</span><span>hsv(196 100% 65%)</span></div>
<div style="background-color:#2F847C;color:#2F847C;" title="Celadon green" data-name="Celadon green" data-r="18" data-g="52" data-b="49" data-hue="174" data-hslsat="47" data-light="35" data-hsvsat="64" data-val="52" data-shortname="Celadongreen"><span>Celadon green</span><span>#2F847C</span><span>rgb(18% 52% 49%)</span><span>hsl(174 47% 35%)</span><span>hsv(174 64% 52%)</span></div>
<div style="background-color:#B2FFFF;color:#B2FFFF;" title="Celeste" data-name="Celeste" data-r="70" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="85" data-hsvsat="30" data-val="100" data-shortname="Celeste"><span>Celeste</span><span>#B2FFFF</span><span>rgb(70% 100% 100%)</span><span>hsl(180 100% 85%)</span><span>hsv(180 30% 100%)</span></div>
<div style="background-color:#246BCE;color:#246BCE;" title="Celtic blue" data-name="Celtic blue" data-r="14" data-g="42" data-b="81" data-hue="215" data-hslsat="70" data-light="48" data-hsvsat="83" data-val="81" data-shortname="Celticblue"><span>Celtic blue</span><span>#246BCE</span><span>rgb(14% 42% 81%)</span><span>hsl(215 70% 48%)</span><span>hsv(215 83% 81%)</span></div>
<div style="background-color:#DE3163;color:#DE3163;" title="Cerise" data-name="Cerise" data-r="87" data-g="19" data-b="39" data-hue="343" data-hslsat="72" data-light="53" data-hsvsat="78" data-val="87" data-shortname="Cerise"><span>Cerise</span><span>#DE3163</span><span>rgb(87% 19% 39%)</span><span>hsl(343 72% 53%)</span><span>hsv(343 78% 87%)</span></div>
<div style="background-color:#007BA7;color:#007BA7;" title="Cerulean" data-name="Cerulean" data-r="0" data-g="48" data-b="65" data-hue="196" data-hslsat="100" data-light="33" data-hsvsat="100" data-val="65" data-shortname="Cerulean"><span>Cerulean</span><span>#007BA7</span><span>rgb(0% 48% 65%)</span><span>hsl(196 100% 33%)</span><span>hsv(196 100% 65%)</span></div>
<div style="background-color:#2A52BE;color:#2A52BE;" title="Cerulean blue" data-name="Cerulean blue" data-r="16" data-g="32" data-b="75" data-hue="224" data-hslsat="64" data-light="45" data-hsvsat="78" data-val="75" data-shortname="Ceruleanblue"><span>Cerulean blue</span><span>#2A52BE</span><span>rgb(16% 32% 75%)</span><span>hsl(224 64% 45%)</span><span>hsv(224 78% 75%)</span></div>
<div style="background-color:#6D9BC3;color:#6D9BC3;" title="Cerulean frost" data-name="Cerulean frost" data-r="43" data-g="61" data-b="76" data-hue="208" data-hslsat="42" data-light="60" data-hsvsat="44" data-val="76" data-shortname="Ceruleanfrost"><span>Cerulean frost</span><span>#6D9BC3</span><span>rgb(43% 61% 76%)</span><span>hsl(208 42% 60%)</span><span>hsv(208 44% 76%)</span></div>
<div style="background-color:#1DACD6;color:#1DACD6;" title="Cerulean (Crayola)" data-name="Cerulean (Crayola)" data-r="11" data-g="67" data-b="84" data-hue="194" data-hslsat="76" data-light="48" data-hsvsat="86" data-val="84" data-shortname="CeruleanCrayola"><span>Cerulean (Crayola)</span><span>#1DACD6</span><span>rgb(11% 67% 84%)</span><span>hsl(194 76% 48%)</span><span>hsv(194 86% 84%)</span></div>
<div style="background-color:#007AA5;color:#007AA5;" title="CG blue" data-name="CG blue" data-r="0" data-g="48" data-b="65" data-hue="196" data-hslsat="100" data-light="32" data-hsvsat="100" data-val="65" data-shortname="CGblue"><span>CG blue</span><span>#007AA5</span><span>rgb(0% 48% 65%)</span><span>hsl(196 100% 32%)</span><span>hsv(196 100% 65%)</span></div>
<div style="background-color:#E03C31;color:#E03C31;" title="CG red" data-name="CG red" data-r="88" data-g="24" data-b="19" data-hue="4" data-hslsat="74" data-light="54" data-hsvsat="78" data-val="88" data-shortname="CGred"><span>CG red</span><span>#E03C31</span><span>rgb(88% 24% 19%)</span><span>hsl(4 74% 54%)</span><span>hsv(4 78% 88%)</span></div>
<div style="background-color:#F7E7CE;color:#F7E7CE;" title="Champagne" data-name="Champagne" data-r="97" data-g="91" data-b="81" data-hue="37" data-hslsat="72" data-light="89" data-hsvsat="17" data-val="97" data-shortname="Champagne"><span>Champagne</span><span>#F7E7CE</span><span>rgb(97% 91% 81%)</span><span>hsl(37 72% 89%)</span><span>hsv(37 17% 97%)</span></div>
<div style="background-color:#F1DDCF;color:#F1DDCF;" title="Champagne pink" data-name="Champagne pink" data-r="95" data-g="87" data-b="81" data-hue="25" data-hslsat="55" data-light="88" data-hsvsat="14" data-val="95" data-shortname="Champagnepink"><span>Champagne pink</span><span>#F1DDCF</span><span>rgb(95% 87% 81%)</span><span>hsl(25 55% 88%)</span><span>hsv(25 14% 95%)</span></div>
<div style="background-color:#36454F;color:#36454F;" title="Charcoal" data-name="Charcoal" data-r="21" data-g="27" data-b="31" data-hue="204" data-hslsat="19" data-light="26" data-hsvsat="32" data-val="31" data-shortname="Charcoal"><span>Charcoal</span><span>#36454F</span><span>rgb(21% 27% 31%)</span><span>hsl(204 19% 26%)</span><span>hsv(204 32% 31%)</span></div>
<div style="background-color:#232B2B;color:#232B2B;" title="Charleston green" data-name="Charleston green" data-r="14" data-g="17" data-b="17" data-hue="180" data-hslsat="10" data-light="15" data-hsvsat="19" data-val="17" data-shortname="Charlestongreen"><span>Charleston green</span><span>#232B2B</span><span>rgb(14% 17% 17%)</span><span>hsl(180 10% 15%)</span><span>hsv(180 19% 17%)</span></div>
<div style="background-color:#E68FAC;color:#E68FAC;" title="Charm pink" data-name="Charm pink" data-r="90" data-g="56" data-b="67" data-hue="340" data-hslsat="64" data-light="73" data-hsvsat="38" data-val="90" data-shortname="Charmpink"><span>Charm pink</span><span>#E68FAC</span><span>rgb(90% 56% 67%)</span><span>hsl(340 64% 73%)</span><span>hsv(340 38% 90%)</span></div>
<div style="background-color:#DFFF00;color:#DFFF00;" title="Chartreuse (traditional)" data-name="Chartreuse (traditional)" data-r="87" data-g="100" data-b="0" data-hue="68" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Chartreusetraditional"><span>Chartreuse (traditional)</span><span>#DFFF00</span><span>rgb(87% 100% 0%)</span><span>hsl(68 100% 50%)</span><span>hsv(68 100% 100%)</span></div>
<div style="background-color:#7FFF00;color:#7FFF00;" title="Chartreuse (web)" data-name="Chartreuse (web)" data-r="50" data-g="100" data-b="0" data-hue="90" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Chartreuse"><span>Chartreuse (web)</span><span>chartreuse</span><span>#7FFF00</span><span>rgb(50% 100% 0%)</span><span>hsl(90 100% 50%)</span><span>hsv(90 100% 100%)</span></div>
<div style="background-color:#FFB7C5;color:#FFB7C5;" title="Cherry blossom pink" data-name="Cherry blossom pink" data-r="100" data-g="72" data-b="77" data-hue="348" data-hslsat="100" data-light="86" data-hsvsat="28" data-val="100" data-shortname="Cherryblossompink"><span>Cherry blossom pink</span><span>#FFB7C5</span><span>rgb(100% 72% 77%)</span><span>hsl(348 100% 86%)</span><span>hsv(348 28% 100%)</span></div>
<div style="background-color:#954535;color:#954535;" title="Chestnut" data-name="Chestnut" data-r="58" data-g="27" data-b="21" data-hue="10" data-hslsat="48" data-light="40" data-hsvsat="64" data-val="58" data-shortname="Chestnut"><span>Chestnut</span><span>#954535</span><span>rgb(58% 27% 21%)</span><span>hsl(10 48% 40%)</span><span>hsv(10 64% 58%)</span></div>
<div style="background-color:#E23D28;color:#E23D28;" title="Chili red" data-name="Chili red" data-r="89" data-g="24" data-b="16" data-hue="5" data-hslsat="76" data-light="52" data-hsvsat="183" data-val="125" data-shortname="Chilired"><span>Chili red</span><span>#E23D28</span><span>rgb(89% 24% 16%)</span><span>hsl(5 76% 52%)</span><span>hsv(5 183% 125%)</span></div>
<div style="background-color:#DE6FA1;color:#DE6FA1;" title="China pink" data-name="China pink" data-r="87" data-g="44" data-b="63" data-hue="333" data-hslsat="63" data-light="65" data-hsvsat="50" data-val="87" data-shortname="Chinapink"><span>China pink</span><span>#DE6FA1</span><span>rgb(87% 44% 63%)</span><span>hsl(333 63% 65%)</span><span>hsv(333 50% 87%)</span></div>
<div style="background-color:#A8516E;color:#A8516E;" title="China rose" data-name="China rose" data-r="66" data-g="32" data-b="43" data-hue="340" data-hslsat="35" data-light="49" data-hsvsat="52" data-val="66" data-shortname="Chinarose"><span>China rose</span><span>#A8516E</span><span>rgb(66% 32% 43%)</span><span>hsl(340 35% 49%)</span><span>hsv(340 52% 66%)</span></div>
<div style="background-color:#AA381E;color:#AA381E;" title="Chinese red" data-name="Chinese red" data-r="67" data-g="22" data-b="12" data-hue="11" data-hslsat="70" data-light="39" data-hsvsat="82" data-val="67" data-shortname="Chinesered"><span>Chinese red</span><span>#AA381E</span><span>rgb(67% 22% 12%)</span><span>hsl(11 70% 39%)</span><span>hsv(11 82% 67%)</span></div>
<div style="background-color:#856088;color:#856088;" title="Chinese violet" data-name="Chinese violet" data-r="52" data-g="38" data-b="53" data-hue="296" data-hslsat="17" data-light="46" data-hsvsat="29" data-val="53" data-shortname="Chineseviolet"><span>Chinese violet</span><span>#856088</span><span>rgb(52% 38% 53%)</span><span>hsl(296 17% 46%)</span><span>hsv(296 29% 53%)</span></div>
<div style="background-color:#FFB200;color:#FFB200;" title="Chinese yellow" data-name="Chinese yellow" data-r="100" data-g="70" data-b="0" data-hue="42" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Chineseyellow"><span>Chinese yellow</span><span>#FFB200</span><span>rgb(100% 70% 0%)</span><span>hsl(42 100% 50%)</span><span>hsv(42 100% 100%)</span></div>
<div style="background-color:#7B3F00;color:#7B3F00;" title="Chocolate (traditional)" data-name="Chocolate (traditional)" data-r="48" data-g="25" data-b="0" data-hue="31" data-hslsat="100" data-light="24" data-hsvsat="100" data-val="48" data-shortname="Chocolatetraditional"><span>Chocolate (traditional)</span><span>#7B3F00</span><span>rgb(48% 25% 0%)</span><span>hsl(31 100% 24%)</span><span>hsv(31 100% 48%)</span></div>
<div style="background-color:#D2691E;color:#D2691E;" title="Chocolate (web)" data-name="Chocolate (web)" data-r="82" data-g="41" data-b="12" data-hue="25" data-hslsat="75" data-light="47" data-hsvsat="86" data-val="82" data-shortname="Chocolate"><span>Chocolate (web)</span><span>chocolate</span><span>#D2691E</span><span>rgb(82% 41% 12%)</span><span>hsl(25 75% 47%)</span><span>hsv(25 86% 82%)</span></div>
<div style="background-color:#58111A;color:#58111A;" title="Chocolate Cosmos" data-name="Chocolate Cosmos" data-r="35" data-g="7" data-b="10" data-hue="352" data-hslsat="68" data-light="21" data-hsvsat="80" data-val="34" data-shortname="ChocolateCosmos"><span>Chocolate Cosmos</span><span>#58111A</span><span>rgb(35% 7% 10%)</span><span>hsl(352 68% 21%)</span><span>hsv(352 80% 34%)</span></div>
<div style="background-color:#FFA700;color:#FFA700;" title="Chrome yellow" data-name="Chrome yellow" data-r="100" data-g="65" data-b="0" data-hue="39" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Chromeyellow"><span>Chrome yellow</span><span>#FFA700</span><span>rgb(100% 65% 0%)</span><span>hsl(39 100% 50%)</span><span>hsv(39 100% 100%)</span></div>
<div style="background-color:#98817B;color:#98817B;" title="Cinereous" data-name="Cinereous" data-r="60" data-g="51" data-b="48" data-hue="12" data-hslsat="12" data-light="54" data-hsvsat="19" data-val="60" data-shortname="Cinereous"><span>Cinereous</span><span>#98817B</span><span>rgb(60% 51% 48%)</span><span>hsl(12 12% 54%)</span><span>hsv(12 19% 60%)</span></div>
<div style="background-color:#E34234;color:#E34234;" title="Cinnabar" data-name="Cinnabar" data-r="89" data-g="26" data-b="20" data-hue="5" data-hslsat="76" data-light="55" data-hsvsat="77" data-val="89" data-shortname="Cinnabar"><span>Cinnabar</span><span>#E34234</span><span>rgb(89% 26% 20%)</span><span>hsl(5 76% 55%)</span><span>hsv(5 77% 89%)</span></div>
<div style="background-color:#CD607E;color:#CD607E;" title="Cinnamon Satin" data-name="Cinnamon Satin" data-r="80" data-g="38" data-b="49" data-hue="343" data-hslsat="52" data-light="59" data-hsvsat="53" data-val="80" data-shortname="CinnamonSatin"><span>Cinnamon Satin</span><span>#CD607E</span><span>rgb(80% 38% 49%)</span><span>hsl(343 52% 59%)</span><span>hsv(343 53% 80%)</span></div>
<div style="background-color:#E4D00A;color:#E4D00A;" title="Citrine" data-name="Citrine" data-r="89" data-g="82" data-b="4" data-hue="54" data-hslsat="92" data-light="47" data-hsvsat="96" data-val="89" data-shortname="Citrine"><span>Citrine</span><span>#E4D00A</span><span>rgb(89% 82% 4%)</span><span>hsl(54 92% 47%)</span><span>hsv(54 96% 89%)</span></div>
<div style="background-color:#9FA91F;color:#9FA91F;" title="Citron" data-name="Citron" data-r="62" data-g="66" data-b="12" data-hue="64" data-hslsat="69" data-light="39" data-hsvsat="82" data-val="66" data-shortname="Citron"><span>Citron</span><span>#9FA91F</span><span>rgb(62% 66% 12%)</span><span>hsl(64 69% 39%)</span><span>hsv(64 82% 66%)</span></div>
<div style="background-color:#7F1734;color:#7F1734;" title="Claret" data-name="Claret" data-r="50" data-g="9" data-b="20" data-hue="343" data-hslsat="69" data-light="29" data-hsvsat="82" data-val="50" data-shortname="Claret"><span>Claret</span><span>#7F1734</span><span>rgb(50% 9% 20%)</span><span>hsl(343 69% 29%)</span><span>hsv(343 82% 50%)</span></div>
<div style="background-color:#0047AB;color:#0047AB;" title="Cobalt blue" data-name="Cobalt blue" data-r="0" data-g="28" data-b="67" data-hue="215" data-hslsat="100" data-light="34" data-hsvsat="100" data-val="67" data-shortname="Cobaltblue"><span>Cobalt blue</span><span>#0047AB</span><span>rgb(0% 28% 67%)</span><span>hsl(215 100% 34%)</span><span>hsv(215 100% 67%)</span></div>
<div style="background-color:#D2691E;color:#D2691E;" title="Cocoa brown" data-name="Cocoa brown" data-r="82" data-g="41" data-b="12" data-hue="25" data-hslsat="75" data-light="47" data-hsvsat="86" data-val="82" data-shortname="Cocoabrown"><span>Cocoa brown</span><span>#D2691E</span><span>rgb(82% 41% 12%)</span><span>hsl(25 75% 47%)</span><span>hsv(25 86% 82%)</span></div>
<div style="background-color:#6F4E37;color:#6F4E37;" title="Coffee" data-name="Coffee" data-r="44" data-g="31" data-b="22" data-hue="25" data-hslsat="34" data-light="33" data-hsvsat="50" data-val="44" data-shortname="Coffee"><span>Coffee</span><span>#6F4E37</span><span>rgb(44% 31% 22%)</span><span>hsl(25 34% 33%)</span><span>hsv(25 50% 44%)</span></div>
<div style="background-color:#B9D9EB;color:#B9D9EB;" title="Columbia Blue" data-name="Columbia Blue" data-r="73" data-g="85" data-b="92" data-hue="202" data-hslsat="56" data-light="82" data-hsvsat="21" data-val="92" data-shortname="ColumbiaBlue"><span>Columbia Blue</span><span>#B9D9EB</span><span>rgb(73% 85% 92%)</span><span>hsl(202 56% 82%)</span><span>hsv(202 21% 92%)</span></div>
<div style="background-color:#F88379;color:#F88379;" title="Congo pink" data-name="Congo pink" data-r="97" data-g="51" data-b="47" data-hue="5" data-hslsat="90" data-light="72" data-hsvsat="51" data-val="97" data-shortname="Congopink"><span>Congo pink</span><span>#F88379</span><span>rgb(97% 51% 47%)</span><span>hsl(5 90% 72%)</span><span>hsv(5 51% 97%)</span></div>
<div style="background-color:#8C92AC;color:#8C92AC;" title="Cool grey" data-name="Cool grey" data-r="55" data-g="57" data-b="67" data-hue="229" data-hslsat="16" data-light="61" data-hsvsat="19" data-val="67" data-shortname="Coolgrey"><span>Cool grey</span><span>#8C92AC</span><span>rgb(55% 57% 67%)</span><span>hsl(229 16% 61%)</span><span>hsv(229 19% 67%)</span></div>
<div style="background-color:#B87333;color:#B87333;" title="Copper" data-name="Copper" data-r="72" data-g="45" data-b="20" data-hue="29" data-hslsat="57" data-light="46" data-hsvsat="72" data-val="72" data-shortname="Copper"><span>Copper</span><span>#B87333</span><span>rgb(72% 45% 20%)</span><span>hsl(29 57% 46%)</span><span>hsv(29 72% 72%)</span></div>
<div style="background-color:#DA8A67;color:#DA8A67;" title="Copper (Crayola)" data-name="Copper (Crayola)" data-r="85" data-g="54" data-b="40" data-hue="18" data-hslsat="61" data-light="63" data-hsvsat="53" data-val="85" data-shortname="CopperCrayola"><span>Copper (Crayola)</span><span>#DA8A67</span><span>rgb(85% 54% 40%)</span><span>hsl(18 61% 63%)</span><span>hsv(18 53% 85%)</span></div>
<div style="background-color:#AD6F69;color:#AD6F69;" title="Copper penny" data-name="Copper penny" data-r="68" data-g="44" data-b="41" data-hue="5" data-hslsat="29" data-light="55" data-hsvsat="39" data-val="68" data-shortname="Copperpenny"><span>Copper penny</span><span>#AD6F69</span><span>rgb(68% 44% 41%)</span><span>hsl(5 29% 55%)</span><span>hsv(5 39% 68%)</span></div>
<div style="background-color:#CB6D51;color:#CB6D51;" title="Copper red" data-name="Copper red" data-r="80" data-g="43" data-b="32" data-hue="14" data-hslsat="54" data-light="56" data-hsvsat="60" data-val="80" data-shortname="Copperred"><span>Copper red</span><span>#CB6D51</span><span>rgb(80% 43% 32%)</span><span>hsl(14 54% 56%)</span><span>hsv(14 60% 80%)</span></div>
<div style="background-color:#996666;color:#996666;" title="Copper rose" data-name="Copper rose" data-r="60" data-g="40" data-b="40" data-hue="0" data-hslsat="20" data-light="50" data-hsvsat="33" data-val="60" data-shortname="Copperrose"><span>Copper rose</span><span>#996666</span><span>rgb(60% 40% 40%)</span><span>hsl(0 20% 50%)</span><span>hsv(0 33% 60%)</span></div>
<div style="background-color:#FF3800;color:#FF3800;" title="Coquelicot" data-name="Coquelicot" data-r="100" data-g="22" data-b="0" data-hue="13" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Coquelicot"><span>Coquelicot</span><span>#FF3800</span><span>rgb(100% 22% 0%)</span><span>hsl(13 100% 50%)</span><span>hsv(13 100% 100%)</span></div>
<div style="background-color:#FF7F50;color:#FF7F50;" title="Coral" data-name="Coral (web)" data-r="100" data-g="50" data-b="31" data-hue="16" data-hslsat="100" data-light="66" data-hsvsat="69" data-val="100" data-shortname="Coral"><span>Coral (web)</span><span>coral</span><span>#FF7F50</span><span>rgb(100% 50% 31%)</span><span>hsl(16 100% 66%)</span><span>hsv(16 69% 100%)</span></div>
<div style="background-color:#F88379;color:#F88379;" title="Coral pink" data-name="Coral pink" data-r="97" data-g="51" data-b="47" data-hue="5" data-hslsat="90" data-light="72" data-hsvsat="51" data-val="97" data-shortname="Coralpink"><span>Coral pink</span><span>#F88379</span><span>rgb(97% 51% 47%)</span><span>hsl(5 90% 72%)</span><span>hsv(5 51% 97%)</span></div>
<div style="background-color:#893F45;color:#893F45;" title="Cordovan" data-name="Cordovan" data-r="54" data-g="25" data-b="27" data-hue="355" data-hslsat="37" data-light="39" data-hsvsat="54" data-val="54" data-shortname="Cordovan"><span>Cordovan</span><span>#893F45</span><span>rgb(54% 25% 27%)</span><span>hsl(355 37% 39%)</span><span>hsv(355 54% 54%)</span></div>
<div style="background-color:#FBEC5D;color:#FBEC5D;" title="Corn" data-name="Corn" data-r="98" data-g="93" data-b="36" data-hue="54" data-hslsat="95" data-light="68" data-hsvsat="63" data-val="98" data-shortname="Corn"><span>Corn</span><span>#FBEC5D</span><span>rgb(98% 93% 36%)</span><span>hsl(54 95% 68%)</span><span>hsv(54 63% 98%)</span></div>
<div style="background-color:#B31B1B;color:#B31B1B;" title="Cornell red" data-name="Cornell red" data-r="70" data-g="11" data-b="11" data-hue="0" data-hslsat="74" data-light="40" data-hsvsat="85" data-val="70" data-shortname="Cornellred"><span>Cornell red</span><span>#B31B1B</span><span>rgb(70% 11% 11%)</span><span>hsl(0 74% 40%)</span><span>hsv(0 85% 70%)</span></div>
<div style="background-color:#6495ED;color:#6495ED;" title="Cornflower blue" data-name="Cornflower blue (web)" data-r="39" data-g="58" data-b="93" data-hue="219" data-hslsat="79" data-light="66" data-hsvsat="58" data-val="93" data-shortname="Cornflowerblue"><span>Cornflower blue (web)</span><span>cornflowerblue</span><span>#6495ED</span><span>rgb(39% 58% 93%)</span><span>hsl(219 79% 66%)</span><span>hsv(219 58% 93%)</span></div>
<div style="background-color:#FFF8DC;color:#FFF8DC;" title="Cornsilk" data-name="Cornsilk (web)" data-r="100" data-g="97" data-b="86" data-hue="48" data-hslsat="100" data-light="93" data-hsvsat="14" data-val="100" data-shortname="Cornsilk"><span>Cornsilk (web)</span><span>cornsilk</span><span>#FFF8DC</span><span>rgb(100% 97% 86%)</span><span>hsl(48 100% 93%)</span><span>hsv(48 14% 100%)</span></div>
<div style="background-color:#2E2D88;color:#2E2D88;" title="Cosmic cobalt" data-name="Cosmic cobalt" data-r="18" data-g="18" data-b="53" data-hue="241" data-hslsat="50" data-light="36" data-hsvsat="67" data-val="53" data-shortname="Cosmiccobalt"><span>Cosmic cobalt</span><span>#2E2D88</span><span>rgb(18% 18% 53%)</span><span>hsl(241 50% 36%)</span><span>hsv(241 67% 53%)</span></div>
<div style="background-color:#FFF8E7;color:#FFF8E7;" title="Cosmic latte" data-name="Cosmic latte" data-r="100" data-g="97" data-b="91" data-hue="43" data-hslsat="100" data-light="95" data-hsvsat="9" data-val="100" data-shortname="Cosmiclatte"><span>Cosmic latte</span><span>#FFF8E7</span><span>rgb(100% 97% 91%)</span><span>hsl(43 100% 95%)</span><span>hsv(43 9% 100%)</span></div>
<div style="background-color:#81613C;color:#81613C;" title="Coyote brown" data-name="Coyote brown" data-r="51" data-g="38" data-b="24" data-hue="32" data-hslsat="37" data-light="37" data-hsvsat="52" data-val="51" data-shortname="Coyotebrown"><span>Coyote brown</span><span>#81613C</span><span>rgb(51% 38% 24%)</span><span>hsl(32 37% 37%)</span><span>hsv(32 52% 51%)</span></div>
<div style="background-color:#FFBCD9;color:#FFBCD9;" title="Cotton candy" data-name="Cotton candy" data-r="100" data-g="74" data-b="85" data-hue="334" data-hslsat="100" data-light="87" data-hsvsat="26" data-val="100" data-shortname="Cottoncandy"><span>Cotton candy</span><span>#FFBCD9</span><span>rgb(100% 74% 85%)</span><span>hsl(334 100% 87%)</span><span>hsv(334 26% 100%)</span></div>
<div style="background-color:#FFFDD0;color:#FFFDD0;" title="Cream" data-name="Cream" data-r="100" data-g="99" data-b="82" data-hue="57" data-hslsat="100" data-light="91" data-hsvsat="18" data-val="100" data-shortname="Cream"><span>Cream</span><span>#FFFDD0</span><span>rgb(100% 99% 82%)</span><span>hsl(57 100% 91%)</span><span>hsv(57 18% 100%)</span></div>
<div style="background-color:#DC143C;color:#DC143C;" title="Crimson" data-name="Crimson (web)" data-r="86" data-g="8" data-b="24" data-hue="348" data-hslsat="83" data-light="47" data-hsvsat="91" data-val="86" data-shortname="Crimson"><span>Crimson (web)</span><span>crimson</span><span>#DC143C</span><span>rgb(86% 8% 24%)</span><span>hsl(348 83% 47%)</span><span>hsv(348 91% 86%)</span></div>
<div style="background-color:#9E1B32;color:#9E1B32;" title="Crimson (UA)" data-name="Crimson (UA)" data-r="62" data-g="11" data-b="20" data-hue="349" data-hslsat="71" data-light="36" data-hsvsat="83" data-val="62" data-shortname="CrimsonUA"><span>Crimson (UA)</span><span>#9E1B32</span><span>rgb(62% 11% 20%)</span><span>hsl(349 71% 36%)</span><span>hsv(349 83% 62%)</span></div>
<div style="background-color:#A7D8DE;color:#A7D8DE;" title="Crystal" data-name="Crystal" data-r="65" data-g="85" data-b="87" data-hue="187" data-hslsat="46" data-light="76" data-hsvsat="45" data-val="87" data-shortname="Crystal"><span>Crystal</span><span>#A7D8DE</span><span>rgb(65% 85% 87%)</span><span>hsl(187 46% 76%)</span><span>hsv(187 45% 87%)</span></div>
<div style="background-color:#F5F5F5;color:#F5F5F5;" title="Cultured" data-name="Cultured" data-r="96" data-g="96" data-b="96" data-hue="—" data-hslsat="0" data-light="96" data-hsvsat="0" data-val="96" data-shortname="Cultured"><span>Cultured</span><span>#F5F5F5</span><span>rgb(96% 96% 96%)</span><span>hsl(— 0% 96%)</span><span>hsv(— 0% 96%)</span></div>
<div style="background-color:#00FFFF;color:#00FFFF;" title="Cyan" data-name="Cyan (web)" data-r="0" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Cyan"><span>Cyan (web)</span><span>cyan</span><span>#00FFFF</span><span>rgb(0% 100% 100%)</span><span>hsl(180 100% 50%)</span><span>hsv(180 100% 100%)</span></div>
<div style="background-color:#00B7EB;color:#00B7EB;" title="Cyan (process)" data-name="Cyan (process)" data-r="0" data-g="72" data-b="92" data-hue="193" data-hslsat="100" data-light="46" data-hsvsat="100" data-val="92" data-shortname="Cyanprocess"><span>Cyan (process)</span><span>#00B7EB</span><span>rgb(0% 72% 92%)</span><span>hsl(193 100% 46%)</span><span>hsv(193 100% 92%)</span></div>
<div style="background-color:#58427C;color:#58427C;" title="Cyber grape" data-name="Cyber grape" data-r="35" data-g="26" data-b="49" data-hue="263" data-hslsat="31" data-light="37" data-hsvsat="47" data-val="49" data-shortname="Cybergrape"><span>Cyber grape</span><span>#58427C</span><span>rgb(35% 26% 49%)</span><span>hsl(263 31% 37%)</span><span>hsv(263 47% 49%)</span></div>
<div style="background-color:#FFD300;color:#FFD300;" title="Cyber yellow" data-name="Cyber yellow" data-r="100" data-g="83" data-b="0" data-hue="50" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Cyberyellow"><span>Cyber yellow</span><span>#FFD300</span><span>rgb(100% 83% 0%)</span><span>hsl(50 100% 50%)</span><span>hsv(50 100% 100%)</span></div>
<div style="background-color:#F56FA1;color:#F56FA1;" title="Cyclamen" data-name="Cyclamen" data-r="96" data-g="44" data-b="63" data-hue="338" data-hslsat="87" data-light="70" data-hsvsat="54" data-val="96" data-shortname="Cyclamen"><span>Cyclamen</span><span>#F56FA1</span><span>rgb(96% 44% 63%)</span><span>hsl(338 87% 70%)</span><span>hsv(338 54% 96%)</span></div>
<div style="background-color:#666699;color:#666699;" title="Dark blue-gray" data-name="Dark blue-gray" data-r="40" data-g="40" data-b="60" data-hue="240" data-hslsat="20" data-light="50" data-hsvsat="33" data-val="60" data-shortname="Darkbluegray"><span>Dark blue-gray</span><span>#666699</span><span>rgb(40% 40% 60%)</span><span>hsl(240 20% 50%)</span><span>hsv(240 33% 60%)</span></div>
<div style="background-color:#654321;color:#654321;" title="Dark brown" data-name="Dark brown" data-r="40" data-g="26" data-b="13" data-hue="30" data-hslsat="51" data-light="26" data-hsvsat="67" data-val="40" data-shortname="Darkbrown"><span>Dark brown</span><span>#654321</span><span>rgb(40% 26% 13%)</span><span>hsl(30 51% 26%)</span><span>hsv(30 67% 40%)</span></div>
<div style="background-color:#5D3954;color:#5D3954;" title="Dark byzantium" data-name="Dark byzantium" data-r="36" data-g="22" data-b="33" data-hue="315" data-hslsat="24" data-light="29" data-hsvsat="39" data-val="36" data-shortname="Darkbyzantium"><span>Dark byzantium</span><span>#5D3954</span><span>rgb(36% 22% 33%)</span><span>hsl(315 24% 29%)</span><span>hsv(315 39% 36%)</span></div>
<div style="background-color:#26428B;color:#26428B;" title="Dark cornflower blue" data-name="Dark cornflower blue" data-r="15" data-g="26" data-b="55" data-hue="223" data-hslsat="57" data-light="35" data-hsvsat="73" data-val="55" data-shortname="Darkcornflowerblue"><span>Dark cornflower blue</span><span>#26428B</span><span>rgb(15% 26% 55%)</span><span>hsl(223 57% 35%)</span><span>hsv(223 73% 55%)</span></div>
<div style="background-color:#008B8B;color:#008B8B;" title="Dark cyan" data-name="Dark cyan (web)" data-r="0" data-g="55" data-b="55" data-hue="180" data-hslsat="100" data-light="27" data-hsvsat="100" data-val="55" data-shortname="Darkcyan"><span>Dark cyan (web)</span><span>darkcyan</span><span>#008B8B</span><span>rgb(0% 55% 55%)</span><span>hsl(180 100% 27%)</span><span>hsv(180 100% 55%)</span></div>
<div style="background-color:#536878;color:#536878;" title="Dark electric blue" data-name="Dark electric blue" data-r="33" data-g="41" data-b="47" data-hue="206" data-hslsat="18" data-light="40" data-hsvsat="31" data-val="47" data-shortname="Darkelectricblue"><span>Dark electric blue</span><span>#536878</span><span>rgb(33% 41% 47%)</span><span>hsl(206 18% 40%)</span><span>hsv(206 31% 47%)</span></div>
<div style="background-color:#B8860B;color:#B8860B;" title="Dark goldenrod" data-name="Dark goldenrod (web)" data-r="72" data-g="53" data-b="4" data-hue="43" data-hslsat="89" data-light="38" data-hsvsat="94" data-val="72" data-shortname="Darkgoldenrod"><span>Dark goldenrod (web)</span><span>darkgoldenrod</span><span>#B8860B</span><span>rgb(72% 53% 4%)</span><span>hsl(43 89% 38%)</span><span>hsv(43 94% 72%)</span></div>
<div style="background-color:#013220;color:#013220;" title="Dark green" data-name="Dark green (web)" data-r="0" data-g="20" data-b="13" data-hue="158" data-hslsat="96" data-light="10" data-hsvsat="98" data-val="20" data-shortname="Darkgreen"><span>Dark green (web)</span><span>darkgreen</span><span>#013220</span><span>rgb(0% 20% 13%)</span><span>hsl(158 96% 10%)</span><span>hsv(158 98% 20%)</span></div>
<div style="background-color:#006400;color:#006400;" title="Dark green (X11)" data-name="Dark green (X11)" data-r="0" data-g="39" data-b="0" data-hue="120" data-hslsat="100" data-light="20" data-hsvsat="100" data-val="39" data-shortname="DarkgreenX"><span>Dark green (X11)</span><span>#006400</span><span>rgb(0% 39% 0%)</span><span>hsl(120 100% 20%)</span><span>hsv(120 100% 39%)</span></div>
<div style="background-color:#1A2421;color:#1A2421;" title="Dark jungle green" data-name="Dark jungle green" data-r="10" data-g="14" data-b="13" data-hue="162" data-hslsat="16" data-light="12" data-hsvsat="28" data-val="14" data-shortname="Darkjunglegreen"><span>Dark jungle green</span><span>#1A2421</span><span>rgb(10% 14% 13%)</span><span>hsl(162 16% 12%)</span><span>hsv(162 28% 14%)</span></div>
<div style="background-color:#BDB76B;color:#BDB76B;" title="Dark khaki" data-name="Dark khaki (web)" data-r="74" data-g="72" data-b="42" data-hue="56" data-hslsat="38" data-light="58" data-hsvsat="43" data-val="74" data-shortname="Darkkhaki"><span>Dark khaki (web)</span><span>darkkhaki</span><span>#BDB76B</span><span>rgb(74% 72% 42%)</span><span>hsl(56 38% 58%)</span><span>hsv(56 43% 74%)</span></div>
<div style="background-color:#483C32;color:#483C32;" title="Dark lava" data-name="Dark lava" data-r="28" data-g="24" data-b="20" data-hue="27" data-hslsat="18" data-light="24" data-hsvsat="31" data-val="28" data-shortname="Darklava"><span>Dark lava</span><span>#483C32</span><span>rgb(28% 24% 20%)</span><span>hsl(27 18% 24%)</span><span>hsv(27 31% 28%)</span></div>
<div style="background-color:#534B4F;color:#534B4F;" title="Dark liver" data-name="Dark liver" data-r="33" data-g="29" data-b="31" data-hue="330" data-hslsat="5" data-light="31" data-hsvsat="10" data-val="33" data-shortname="Darkliver"><span>Dark liver</span><span>#534B4F</span><span>rgb(33% 29% 31%)</span><span>hsl(330 5% 31%)</span><span>hsv(330 10% 33%)</span></div>
<div style="background-color:#543D37;color:#543D37;" title="Dark liver (horses)" data-name="Dark liver (horses)" data-r="33" data-g="24" data-b="22" data-hue="12" data-hslsat="21" data-light="27" data-hsvsat="35" data-val="33" data-shortname="Darkliverhorses"><span>Dark liver (horses)</span><span>#543D37</span><span>rgb(33% 24% 22%)</span><span>hsl(12 21% 27%)</span><span>hsv(12 35% 33%)</span></div>
<div style="background-color:#8B008B;color:#8B008B;" title="Dark magenta" data-name="Dark magenta (web)" data-r="55" data-g="0" data-b="55" data-hue="300" data-hslsat="100" data-light="27" data-hsvsat="100" data-val="55" data-shortname="Darkmagenta"><span>Dark magenta (web)</span><span>darkmagenta</span><span>#8B008B</span><span>rgb(55% 0% 55%)</span><span>hsl(300 100% 27%)</span><span>hsv(300 100% 55%)</span></div>
<div style="background-color:#4A5D23;color:#4A5D23;" title="Dark moss green" data-name="Dark moss green" data-r="29" data-g="36" data-b="14" data-hue="80" data-hslsat="45" data-light="25" data-hsvsat="62" data-val="36" data-shortname="Darkmossgreen"><span>Dark moss green</span><span>#4A5D23</span><span>rgb(29% 36% 14%)</span><span>hsl(80 45% 25%)</span><span>hsv(80 62% 36%)</span></div>
<div style="background-color:#556B2F;color:#556B2F;" title="Dark olive green" data-name="Dark olive green (web)" data-r="33" data-g="42" data-b="18" data-hue="82" data-hslsat="39" data-light="30" data-hsvsat="56" data-val="42" data-shortname="Darkolivegreen"><span>Dark olive green (web)</span><span>darkolivegreen</span><span>#556B2F</span><span>rgb(33% 42% 18%)</span><span>hsl(82 39% 30%)</span><span>hsv(82 56% 42%)</span></div>
<div style="background-color:#FF8C00;color:#FF8C00;" title="Dark orange" data-name="Dark orange (web)" data-r="100" data-g="55" data-b="0" data-hue="33" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Darkorange"><span>Dark orange (web)</span><span>darkorange</span><span>#FF8C00</span><span>rgb(100% 55% 0%)</span><span>hsl(33 100% 50%)</span><span>hsv(33 100% 100%)</span></div>
<div style="background-color:#9932CC;color:#9932CC;" title="Dark orchid" data-name="Dark orchid (web)" data-r="60" data-g="20" data-b="80" data-hue="280" data-hslsat="61" data-light="50" data-hsvsat="75" data-val="80" data-shortname="Darkorchid"><span>Dark orchid (web)</span><span>darkorchid</span><span>#9932CC</span><span>rgb(60% 20% 80%)</span><span>hsl(280 61% 50%)</span><span>hsv(280 75% 80%)</span></div>
<div style="background-color:#03C03C;color:#03C03C;" title="Dark pastel green" data-name="Dark pastel green" data-r="1" data-g="75" data-b="24" data-hue="138" data-hslsat="97" data-light="38" data-hsvsat="98" data-val="75" data-shortname="Darkpastelgreen"><span>Dark pastel green</span><span>#03C03C</span><span>rgb(1% 75% 24%)</span><span>hsl(138 97% 38%)</span><span>hsv(138 98% 75%)</span></div>
<div style="background-color:#301934;color:#301934;" title="Dark purple" data-name="Dark purple" data-r="19" data-g="10" data-b="20" data-hue="291" data-hslsat="35" data-light="15" data-hsvsat="51" data-val="20" data-shortname="Darkpurple"><span>Dark purple</span><span>#301934</span><span>rgb(19% 10% 20%)</span><span>hsl(291 35% 15%)</span><span>hsv(291 51% 20%)</span></div>
<div style="background-color:#8B0000;color:#8B0000;" title="Dark red" data-name="Dark red (web)" data-r="55" data-g="0" data-b="0" data-hue="0" data-hslsat="100" data-light="27" data-hsvsat="100" data-val="55" data-shortname="Darkred"><span>Dark red (web)</span><span>darkred</span><span>#8B0000</span><span>rgb(55% 0% 0%)</span><span>hsl(0 100% 27%)</span><span>hsv(0 100% 55%)</span></div>
<div style="background-color:#E9967A;color:#E9967A;" title="Dark salmon" data-name="Dark salmon (web)" data-r="91" data-g="59" data-b="48" data-hue="15" data-hslsat="72" data-light="70" data-hsvsat="48" data-val="91" data-shortname="Darksalmon"><span>Dark salmon (web)</span><span>darksalmon</span><span>#E9967A</span><span>rgb(91% 59% 48%)</span><span>hsl(15 72% 70%)</span><span>hsv(15 48% 91%)</span></div>
<div style="background-color:#8FBC8F;color:#8FBC8F;" title="Dark sea green" data-name="Dark sea green (web)" data-r="56" data-g="74" data-b="56" data-hue="120" data-hslsat="25" data-light="65" data-hsvsat="24" data-val="74" data-shortname="Darkseagreen"><span>Dark sea green (web)</span><span>darkseagreen</span><span>#8FBC8F</span><span>rgb(56% 74% 56%)</span><span>hsl(120 25% 65%)</span><span>hsv(120 24% 74%)</span></div>
<div style="background-color:#3C1414;color:#3C1414;" title="Dark sienna" data-name="Dark sienna" data-r="24" data-g="8" data-b="8" data-hue="0" data-hslsat="50" data-light="16" data-hsvsat="67" data-val="24" data-shortname="Darksienna"><span>Dark sienna</span><span>#3C1414</span><span>rgb(24% 8% 8%)</span><span>hsl(0 50% 16%)</span><span>hsv(0 67% 24%)</span></div>
<div style="background-color:#8CBED6;color:#8CBED6;" title="Dark sky blue" data-name="Dark sky blue" data-r="55" data-g="75" data-b="84" data-hue="199" data-hslsat="47" data-light="69" data-hsvsat="35" data-val="84" data-shortname="Darkskyblue"><span>Dark sky blue</span><span>#8CBED6</span><span>rgb(55% 75% 84%)</span><span>hsl(199 47% 69%)</span><span>hsv(199 35% 84%)</span></div>
<div style="background-color:#483D8B;color:#483D8B;" title="Dark slate blue" data-name="Dark slate blue (web)" data-r="28" data-g="24" data-b="55" data-hue="248" data-hslsat="39" data-light="39" data-hsvsat="56" data-val="55" data-shortname="Darkslateblue"><span>Dark slate blue (web)</span><span>darkslateblue</span><span>#483D8B</span><span>rgb(28% 24% 55%)</span><span>hsl(248 39% 39%)</span><span>hsv(248 56% 55%)</span></div>
<div style="background-color:#2F4F4F;color:#2F4F4F;" title="Dark slate gray" data-name="Dark slate gray (web)" data-r="18" data-g="31" data-b="31" data-hue="180" data-hslsat="25" data-light="25" data-hsvsat="41" data-val="31" data-shortname="Darkslategray"><span>Dark slate gray (web)</span><span>darkslategray</span><span>#2F4F4F</span><span>rgb(18% 31% 31%)</span><span>hsl(180 25% 25%)</span><span>hsv(180 41% 31%)</span></div>
<div style="background-color:#177245;color:#177245;" title="Dark spring green" data-name="Dark spring green" data-r="9" data-g="45" data-b="27" data-hue="150" data-hslsat="66" data-light="27" data-hsvsat="80" data-val="45" data-shortname="Darkspringgreen"><span>Dark spring green</span><span>#177245</span><span>rgb(9% 45% 27%)</span><span>hsl(150 66% 27%)</span><span>hsv(150 80% 45%)</span></div>
<div style="background-color:#00CED1;color:#00CED1;" title="Dark turquoise" data-name="Dark turquoise (web)" data-r="0" data-g="81" data-b="82" data-hue="181" data-hslsat="100" data-light="41" data-hsvsat="100" data-val="82" data-shortname="Darkturquoise"><span>Dark turquoise (web)</span><span>darkturquoise</span><span>#00CED1</span><span>rgb(0% 81% 82%)</span><span>hsl(181 100% 41%)</span><span>hsv(181 100% 82%)</span></div>
<div style="background-color:#9400D3;color:#9400D3;" title="Dark violet" data-name="Dark violet (web)" data-r="58" data-g="0" data-b="83" data-hue="282" data-hslsat="100" data-light="41" data-hsvsat="100" data-val="83" data-shortname="Darkviolet"><span>Dark violet (web)</span><span>darkviolet</span><span>#9400D3</span><span>rgb(58% 0% 83%)</span><span>hsl(282 100% 41%)</span><span>hsv(282 100% 83%)</span></div>
<div style="background-color:#00703C;color:#00703C;" title="Dartmouth green" data-name="Dartmouth green" data-r="0" data-g="44" data-b="24" data-hue="152" data-hslsat="100" data-light="22" data-hsvsat="100" data-val="44" data-shortname="Dartmouthgreen"><span>Dartmouth green</span><span>#00703C</span><span>rgb(0% 44% 24%)</span><span>hsl(152 100% 22%)</span><span>hsv(152 100% 44%)</span></div>
<div style="background-color:#555555;color:#555555;" title="Davy's grey" data-name="Davy's grey" data-r="33" data-g="33" data-b="33" data-hue="—" data-hslsat="0" data-light="33" data-hsvsat="0" data-val="33" data-shortname="Davysgrey"><span>Davy's grey</span><span>#555555</span><span>rgb(33% 33% 33%)</span><span>hsl(— 0% 33%)</span><span>hsv(— 0% 33%)</span></div>
<div style="background-color:#DA3287;color:#DA3287;" title="Deep cerise" data-name="Deep cerise" data-r="85" data-g="20" data-b="53" data-hue="330" data-hslsat="69" data-light="53" data-hsvsat="77" data-val="85" data-shortname="Deepcerise"><span>Deep cerise</span><span>#DA3287</span><span>rgb(85% 20% 53%)</span><span>hsl(330 69% 53%)</span><span>hsv(330 77% 85%)</span></div>
<div style="background-color:#FAD6A5;color:#FAD6A5;" title="Deep champagne" data-name="Deep champagne" data-r="98" data-g="84" data-b="65" data-hue="35" data-hslsat="90" data-light="81" data-hsvsat="34" data-val="98" data-shortname="Deepchampagne"><span>Deep champagne</span><span>#FAD6A5</span><span>rgb(98% 84% 65%)</span><span>hsl(35 90% 81%)</span><span>hsv(35 34% 98%)</span></div>
<div style="background-color:#B94E48;color:#B94E48;" title="Deep chestnut" data-name="Deep chestnut" data-r="73" data-g="31" data-b="28" data-hue="3" data-hslsat="45" data-light="50" data-hsvsat="61" data-val="73" data-shortname="Deepchestnut"><span>Deep chestnut</span><span>#B94E48</span><span>rgb(73% 31% 28%)</span><span>hsl(3 45% 50%)</span><span>hsv(3 61% 73%)</span></div>
<div style="background-color:#004B49;color:#004B49;" title="Deep jungle green" data-name="Deep jungle green" data-r="0" data-g="29" data-b="29" data-hue="178" data-hslsat="100" data-light="15" data-hsvsat="100" data-val="29" data-shortname="Deepjunglegreen"><span>Deep jungle green</span><span>#004B49</span><span>rgb(0% 29% 29%)</span><span>hsl(178 100% 15%)</span><span>hsv(178 100% 29%)</span></div>
<div style="background-color:#FF1493;color:#FF1493;" title="Deep pink" data-name="Deep pink (web)" data-r="100" data-g="8" data-b="58" data-hue="328" data-hslsat="100" data-light="54" data-hsvsat="92" data-val="100" data-shortname="Deeppink"><span>Deep pink (web)</span><span>deeppink</span><span>#FF1493</span><span>rgb(100% 8% 58%)</span><span>hsl(328 100% 54%)</span><span>hsv(328 92% 100%)</span></div>
<div style="background-color:#FF9933;color:#FF9933;" title="Deep saffron" data-name="Deep saffron" data-r="100" data-g="60" data-b="20" data-hue="30" data-hslsat="100" data-light="60" data-hsvsat="80" data-val="100" data-shortname="Deepsaffron"><span>Deep saffron</span><span>#FF9933</span><span>rgb(100% 60% 20%)</span><span>hsl(30 100% 60%)</span><span>hsv(30 80% 100%)</span></div>
<div style="background-color:#00BFFF;color:#00BFFF;" title="Deep sky blue" data-name="Deep sky blue (web)" data-r="0" data-g="75" data-b="100" data-hue="195" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Deepskyblue"><span>Deep sky blue (web)</span><span>deepskyblue</span><span>#00BFFF</span><span>rgb(0% 75% 100%)</span><span>hsl(195 100% 50%)</span><span>hsv(195 100% 100%)</span></div>
<div style="background-color:#4A646C;color:#4A646C;" title="Deep Space Sparkle" data-name="Deep Space Sparkle" data-r="29" data-g="39" data-b="42" data-hue="194" data-hslsat="19" data-light="36" data-hsvsat="31" data-val="42" data-shortname="DeepSpaceSparkle"><span>Deep Space Sparkle</span><span>#4A646C</span><span>rgb(29% 39% 42%)</span><span>hsl(194 19% 36%)</span><span>hsv(194 31% 42%)</span></div>
<div style="background-color:#7E5E60;color:#7E5E60;" title="Deep taupe" data-name="Deep taupe" data-r="49" data-g="37" data-b="38" data-hue="356" data-hslsat="15" data-light="43" data-hsvsat="25" data-val="49" data-shortname="Deeptaupe"><span>Deep taupe</span><span>#7E5E60</span><span>rgb(49% 37% 38%)</span><span>hsl(356 15% 43%)</span><span>hsv(356 25% 49%)</span></div>
<div style="background-color:#1560BD;color:#1560BD;" title="Denim" data-name="Denim" data-r="8" data-g="38" data-b="74" data-hue="213" data-hslsat="80" data-light="41" data-hsvsat="89" data-val="74" data-shortname="Denim"><span>Denim</span><span>#1560BD</span><span>rgb(8% 38% 74%)</span><span>hsl(213 80% 41%)</span><span>hsv(213 89% 74%)</span></div>
<div style="background-color:#2243B6;color:#2243B6;" title="Denim blue" data-name="Denim blue" data-r="13" data-g="26" data-b="71" data-hue="227" data-hslsat="69" data-light="42" data-hsvsat="81" data-val="71" data-shortname="Denimblue"><span>Denim blue</span><span>#2243B6</span><span>rgb(13% 26% 71%)</span><span>hsl(227 69% 42%)</span><span>hsv(227 81% 71%)</span></div>
<div style="background-color:#C19A6B;color:#C19A6B;" title="Desert" data-name="Desert" data-r="76" data-g="60" data-b="42" data-hue="33" data-hslsat="41" data-light="59" data-hsvsat="45" data-val="76" data-shortname="Desert"><span>Desert</span><span>#C19A6B</span><span>rgb(76% 60% 42%)</span><span>hsl(33 41% 59%)</span><span>hsv(33 45% 76%)</span></div>
<div style="background-color:#EDC9AF;color:#EDC9AF;" title="Desert sand" data-name="Desert sand" data-r="93" data-g="79" data-b="69" data-hue="25" data-hslsat="63" data-light="81" data-hsvsat="26" data-val="93" data-shortname="Desertsand"><span>Desert sand</span><span>#EDC9AF</span><span>rgb(93% 79% 69%)</span><span>hsl(25 63% 81%)</span><span>hsv(25 26% 93%)</span></div>
<div style="background-color:#696969;color:#696969;" title="Dim gray" data-name="Dim gray (web)" data-r="41" data-g="41" data-b="41" data-hue="—" data-hslsat="0" data-light="41" data-hsvsat="0" data-val="41" data-shortname="Dimgray"><span>Dim gray (web)</span><span>dimgray</span><span>#696969</span><span>rgb(41% 41% 41%)</span><span>hsl(— 0% 41%)</span><span>hsv(— 0% 41%)</span></div>
<div style="background-color:#1E90FF;color:#1E90FF;" title="Dodger blue" data-name="Dodger blue (web)" data-r="12" data-g="56" data-b="100" data-hue="210" data-hslsat="100" data-light="56" data-hsvsat="88" data-val="100" data-shortname="Dodgerblue"><span>Dodger blue (web)</span><span>dodgerblue</span><span>#1E90FF</span><span>rgb(12% 56% 100%)</span><span>hsl(210 100% 56%)</span><span>hsv(210 88% 100%)</span></div>
<div style="background-color:#D71868;color:#D71868;" title="Dogwood rose" data-name="Dogwood rose" data-r="84" data-g="9" data-b="41" data-hue="335" data-hslsat="80" data-light="47" data-hsvsat="89" data-val="84" data-shortname="Dogwoodrose"><span>Dogwood rose</span><span>#D71868</span><span>rgb(84% 9% 41%)</span><span>hsl(335 80% 47%)</span><span>hsv(335 89% 84%)</span></div>
<div style="background-color:#967117;color:#967117;" title="Drab" data-name="Drab" data-r="59" data-g="44" data-b="9" data-hue="43" data-hslsat="73" data-light="34" data-hsvsat="85" data-val="59" data-shortname="Drab"><span>Drab</span><span>#967117</span><span>rgb(59% 44% 9%)</span><span>hsl(43 73% 34%)</span><span>hsv(43 85% 59%)</span></div>
<div style="background-color:#00009C;color:#00009C;" title="Duke blue" data-name="Duke blue" data-r="0" data-g="0" data-b="61" data-hue="240" data-hslsat="100" data-light="31" data-hsvsat="100" data-val="61" data-shortname="Dukeblue"><span>Duke blue</span><span>#00009C</span><span>rgb(0% 0% 61%)</span><span>hsl(240 100% 31%)</span><span>hsv(240 100% 61%)</span></div>
<div style="background-color:#EFDFBB;color:#EFDFBB;" title="Dutch white" data-name="Dutch white" data-r="94" data-g="87" data-b="73" data-hue="42" data-hslsat="62" data-light="84" data-hsvsat="22" data-val="94" data-shortname="Dutchwhite"><span>Dutch white</span><span>#EFDFBB</span><span>rgb(94% 87% 73%)</span><span>hsl(42 62% 84%)</span><span>hsv(42 22% 94%)</span></div>
<div style="background-color:#E1A95F;color:#E1A95F;" title="Earth yellow" data-name="Earth yellow" data-r="88" data-g="66" data-b="37" data-hue="34" data-hslsat="68" data-light="63" data-hsvsat="58" data-val="88" data-shortname="Earthyellow"><span>Earth yellow</span><span>#E1A95F</span><span>rgb(88% 66% 37%)</span><span>hsl(34 68% 63%)</span><span>hsv(34 58% 88%)</span></div>
<div style="background-color:#555D50;color:#555D50;" title="Ebony" data-name="Ebony" data-r="33" data-g="36" data-b="31" data-hue="97" data-hslsat="8" data-light="34" data-hsvsat="14" data-val="36" data-shortname="Ebony"><span>Ebony</span><span>#555D50</span><span>rgb(33% 36% 31%)</span><span>hsl(97 8% 34%)</span><span>hsv(97 14% 36%)</span></div>
<div style="background-color:#C2B280;color:#C2B280;" title="Ecru" data-name="Ecru" data-r="76" data-g="70" data-b="50" data-hue="45" data-hslsat="35" data-light="63" data-hsvsat="34" data-val="76" data-shortname="Ecru"><span>Ecru</span><span>#C2B280</span><span>rgb(76% 70% 50%)</span><span>hsl(45 35% 63%)</span><span>hsv(45 34% 76%)</span></div>
<div style="background-color:#1B1B1B;color:#1B1B1B;" title="Eerie black" data-name="Eerie black" data-r="11" data-g="11" data-b="11" data-hue="—" data-hslsat="0" data-light="11" data-hsvsat="0" data-val="11" data-shortname="Eerieblack"><span>Eerie black</span><span>#1B1B1B</span><span>rgb(11% 11% 11%)</span><span>hsl(— 0% 11%)</span><span>hsv(— 0% 11%)</span></div>
<div style="background-color:#614051;color:#614051;" title="Eggplant" data-name="Eggplant" data-r="38" data-g="25" data-b="32" data-hue="329" data-hslsat="20" data-light="32" data-hsvsat="34" data-val="38" data-shortname="Eggplant"><span>Eggplant</span><span>#614051</span><span>rgb(38% 25% 32%)</span><span>hsl(329 20% 32%)</span><span>hsv(329 34% 38%)</span></div>
<div style="background-color:#F0EAD6;color:#F0EAD6;" title="Eggshell" data-name="Eggshell" data-r="94" data-g="92" data-b="84" data-hue="46" data-hslsat="46" data-light="89" data-hsvsat="11" data-val="94" data-shortname="Eggshell"><span>Eggshell</span><span>#F0EAD6</span><span>rgb(94% 92% 84%)</span><span>hsl(46 46% 89%)</span><span>hsv(46 11% 94%)</span></div>
<div style="background-color:#1034A6;color:#1034A6;" title="Egyptian blue" data-name="Egyptian blue" data-r="6" data-g="20" data-b="65" data-hue="226" data-hslsat="82" data-light="36" data-hsvsat="90" data-val="65" data-shortname="Egyptianblue"><span>Egyptian blue</span><span>#1034A6</span><span>rgb(6% 20% 65%)</span><span>hsl(226 82% 36%)</span><span>hsv(226 90% 65%)</span></div>
<div style="background-color:#16161D;color:#16161D;" title="Eigengrau" data-name="Eigengrau" data-r="9" data-g="9" data-b="11" data-hue="240" data-hslsat="14" data-light="10" data-hsvsat="24" data-val="11" data-shortname="Eigengrau"><span>Eigengrau</span><span>#16161D</span><span>rgb(9% 9% 11%)</span><span>hsl(240 14% 10%)</span><span>hsv(240 24% 11%)</span></div>
<div style="background-color:#7DF9FF;color:#7DF9FF;" title="Electric blue" data-name="Electric blue" data-r="49" data-g="98" data-b="100" data-hue="183" data-hslsat="100" data-light="75" data-hsvsat="51" data-val="100" data-shortname="Electricblue"><span>Electric blue</span><span>#7DF9FF</span><span>rgb(49% 98% 100%)</span><span>hsl(183 100% 75%)</span><span>hsv(183 51% 100%)</span></div>
<div style="background-color:#00FF00;color:#00FF00;" title="Electric green" data-name="Electric green" data-r="0" data-g="100" data-b="0" data-hue="120" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Electricgreen"><span>Electric green</span><span>#00FF00</span><span>rgb(0% 100% 0%)</span><span>hsl(120 100% 50%)</span><span>hsv(120 100% 100%)</span></div>
<div style="background-color:#6F00FF;color:#6F00FF;" title="Electric indigo" data-name="Electric indigo" data-r="44" data-g="0" data-b="100" data-hue="266" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Electricindigo"><span>Electric indigo</span><span>#6F00FF</span><span>rgb(44% 0% 100%)</span><span>hsl(266 100% 50%)</span><span>hsv(266 100% 100%)</span></div>
<div style="background-color:#CCFF00;color:#CCFF00;" title="Electric lime" data-name="Electric lime" data-r="80" data-g="100" data-b="0" data-hue="72" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Electriclime"><span>Electric lime</span><span>#CCFF00</span><span>rgb(80% 100% 0%)</span><span>hsl(72 100% 50%)</span><span>hsv(72 100% 100%)</span></div>
<div style="background-color:#BF00FF;color:#BF00FF;" title="Electric purple" data-name="Electric purple" data-r="75" data-g="0" data-b="100" data-hue="285" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Electricpurple"><span>Electric purple</span><span>#BF00FF</span><span>rgb(75% 0% 100%)</span><span>hsl(285 100% 50%)</span><span>hsv(285 100% 100%)</span></div>
<div style="background-color:#8F00FF;color:#8F00FF;" title="Electric violet" data-name="Electric violet" data-r="56" data-g="0" data-b="100" data-hue="274" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Electricviolet"><span>Electric violet</span><span>#8F00FF</span><span>rgb(56% 0% 100%)</span><span>hsl(274 100% 50%)</span><span>hsv(274 100% 100%)</span></div>
<div style="background-color:#50C878;color:#50C878;" title="Emerald" data-name="Emerald" data-r="31" data-g="78" data-b="47" data-hue="140" data-hslsat="52" data-light="55" data-hsvsat="60" data-val="78" data-shortname="Emerald"><span>Emerald</span><span>#50C878</span><span>rgb(31% 78% 47%)</span><span>hsl(140 52% 55%)</span><span>hsv(140 60% 78%)</span></div>
<div style="background-color:#6C3082;color:#6C3082;" title="Eminence" data-name="Eminence" data-r="42" data-g="19" data-b="51" data-hue="284" data-hslsat="46" data-light="35" data-hsvsat="63" data-val="51" data-shortname="Eminence"><span>Eminence</span><span>#6C3082</span><span>rgb(42% 19% 51%)</span><span>hsl(284 46% 35%)</span><span>hsv(284 63% 51%)</span></div>
<div style="background-color:#1B4D3E;color:#1B4D3E;" title="English green" data-name="English green" data-r="11" data-g="30" data-b="24" data-hue="162" data-hslsat="48" data-light="20" data-hsvsat="65" data-val="30" data-shortname="Englishgreen"><span>English green</span><span>#1B4D3E</span><span>rgb(11% 30% 24%)</span><span>hsl(162 48% 20%)</span><span>hsv(162 65% 30%)</span></div>
<div style="background-color:#B48395;color:#B48395;" title="English lavender" data-name="English lavender" data-r="71" data-g="51" data-b="58" data-hue="338" data-hslsat="25" data-light="61" data-hsvsat="27" data-val="71" data-shortname="Englishlavender"><span>English lavender</span><span>#B48395</span><span>rgb(71% 51% 58%)</span><span>hsl(338 25% 61%)</span><span>hsv(338 27% 71%)</span></div>
<div style="background-color:#AB4B52;color:#AB4B52;" title="English red" data-name="English red" data-r="67" data-g="29" data-b="32" data-hue="356" data-hslsat="39" data-light="48" data-hsvsat="56" data-val="67" data-shortname="Englishred"><span>English red</span><span>#AB4B52</span><span>rgb(67% 29% 32%)</span><span>hsl(356 39% 48%)</span><span>hsv(356 56% 67%)</span></div>
<div style="background-color:#CC474B;color:#CC474B;" title="English vermillion" data-name="English vermillion" data-r="80" data-g="28" data-b="29" data-hue="358" data-hslsat="57" data-light="54" data-hsvsat="65" data-val="80" data-shortname="Englishvermillion"><span>English vermillion</span><span>#CC474B</span><span>rgb(80% 28% 29%)</span><span>hsl(358 57% 54%)</span><span>hsv(358 65% 80%)</span></div>
<div style="background-color:#563C5C;color:#563C5C;" title="English violet" data-name="English violet" data-r="34" data-g="24" data-b="36" data-hue="289" data-hslsat="21" data-light="30" data-hsvsat="35" data-val="36" data-shortname="Englishviolet"><span>English violet</span><span>#563C5C</span><span>rgb(34% 24% 36%)</span><span>hsl(289 21% 30%)</span><span>hsv(289 35% 36%)</span></div>
<div style="background-color:#00FF40;color:#00FF40;" title="Erin" data-name="Erin" data-r="0" data-g="100" data-b="25" data-hue="135" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Erin"><span>Erin</span><span>#00FF40</span><span>rgb(0% 100% 25%)</span><span>hsl(135 100% 50%)</span><span>hsv(135 100% 100%)</span></div>
<div style="background-color:#96C8A2;color:#96C8A2;" title="Eton blue" data-name="Eton blue" data-r="59" data-g="78" data-b="64" data-hue="134" data-hslsat="31" data-light="69" data-hsvsat="25" data-val="78" data-shortname="Etonblue"><span>Eton blue</span><span>#96C8A2</span><span>rgb(59% 78% 64%)</span><span>hsl(134 31% 69%)</span><span>hsv(134 25% 78%)</span></div>
<div style="background-color:#C19A6B;color:#C19A6B;" title="Fallow" data-name="Fallow" data-r="76" data-g="60" data-b="42" data-hue="33" data-hslsat="41" data-light="59" data-hsvsat="45" data-val="76" data-shortname="Fallow"><span>Fallow</span><span>#C19A6B</span><span>rgb(76% 60% 42%)</span><span>hsl(33 41% 59%)</span><span>hsv(33 45% 76%)</span></div>
<div style="background-color:#801818;color:#801818;" title="Falu red" data-name="Falu red" data-r="50" data-g="9" data-b="9" data-hue="0" data-hslsat="68" data-light="30" data-hsvsat="81" data-val="50" data-shortname="Falured"><span>Falu red</span><span>#801818</span><span>rgb(50% 9% 9%)</span><span>hsl(0 68% 30%)</span><span>hsv(0 81% 50%)</span></div>
<div style="background-color:#B53389;color:#B53389;" title="Fandango" data-name="Fandango" data-r="71" data-g="20" data-b="54" data-hue="320" data-hslsat="56" data-light="45" data-hsvsat="72" data-val="71" data-shortname="Fandango"><span>Fandango</span><span>#B53389</span><span>rgb(71% 20% 54%)</span><span>hsl(320 56% 45%)</span><span>hsv(320 72% 71%)</span></div>
<div style="background-color:#DE5285;color:#DE5285;" title="Fandango pink" data-name="Fandango pink" data-r="87" data-g="32" data-b="52" data-hue="338" data-hslsat="68" data-light="60" data-hsvsat="63" data-val="87" data-shortname="Fandangopink"><span>Fandango pink</span><span>#DE5285</span><span>rgb(87% 32% 52%)</span><span>hsl(338 68% 60%)</span><span>hsv(338 63% 87%)</span></div>
<div style="background-color:#F400A1;color:#F400A1;" title="Fashion fuchsia" data-name="Fashion fuchsia" data-r="96" data-g="0" data-b="63" data-hue="320" data-hslsat="100" data-light="48" data-hsvsat="100" data-val="96" data-shortname="Fashionfuchsia"><span>Fashion fuchsia</span><span>#F400A1</span><span>rgb(96% 0% 63%)</span><span>hsl(320 100% 48%)</span><span>hsv(320 100% 96%)</span></div>
<div style="background-color:#E5AA70;color:#E5AA70;" title="Fawn" data-name="Fawn" data-r="90" data-g="67" data-b="44" data-hue="30" data-hslsat="69" data-light="67" data-hsvsat="51" data-val="90" data-shortname="Fawn"><span>Fawn</span><span>#E5AA70</span><span>rgb(90% 67% 44%)</span><span>hsl(30 69% 67%)</span><span>hsv(30 51% 90%)</span></div>
<div style="background-color:#4D5D53;color:#4D5D53;" title="Feldgrau" data-name="Feldgrau" data-r="30" data-g="36" data-b="33" data-hue="143" data-hslsat="9" data-light="33" data-hsvsat="17" data-val="36" data-shortname="Feldgrau"><span>Feldgrau</span><span>#4D5D53</span><span>rgb(30% 36% 33%)</span><span>hsl(143 9% 33%)</span><span>hsv(143 17% 36%)</span></div>
<div style="background-color:#4F7942;color:#4F7942;" title="Fern green" data-name="Fern green" data-r="31" data-g="47" data-b="26" data-hue="106" data-hslsat="29" data-light="37" data-hsvsat="45" data-val="47" data-shortname="Ferngreen"><span>Fern green</span><span>#4F7942</span><span>rgb(31% 47% 26%)</span><span>hsl(106 29% 37%)</span><span>hsv(106 45% 47%)</span></div>
<div style="background-color:#6C541E;color:#6C541E;" title="Field drab" data-name="Field drab" data-r="42" data-g="33" data-b="12" data-hue="42" data-hslsat="57" data-light="27" data-hsvsat="72" data-val="42" data-shortname="Fielddrab"><span>Field drab</span><span>#6C541E</span><span>rgb(42% 33% 12%)</span><span>hsl(42 57% 27%)</span><span>hsv(42 72% 42%)</span></div>
<div style="background-color:#FF5470;color:#FF5470;" title="Fiery rose" data-name="Fiery rose" data-r="100" data-g="33" data-b="44" data-hue="350" data-hslsat="100" data-light="67" data-hsvsat="67" data-val="100" data-shortname="Fieryrose"><span>Fiery rose</span><span>#FF5470</span><span>rgb(100% 33% 44%)</span><span>hsl(350 100% 67%)</span><span>hsv(350 67% 100%)</span></div>
<div style="background-color:#B22222;color:#B22222;" title="Firebrick" data-name="Firebrick (web)" data-r="70" data-g="13" data-b="13" data-hue="0" data-hslsat="68" data-light="42" data-hsvsat="81" data-val="70" data-shortname="Firebrick"><span>Firebrick (web)</span><span>firebrick</span><span>#B22222</span><span>rgb(70% 13% 13%)</span><span>hsl(0 68% 42%)</span><span>hsv(0 81% 70%)</span></div>
<div style="background-color:#CE2029;color:#CE2029;" title="Fire engine red" data-name="Fire engine red" data-r="81" data-g="13" data-b="16" data-hue="357" data-hslsat="73" data-light="47" data-hsvsat="84" data-val="81" data-shortname="Fireenginered"><span>Fire engine red</span><span>#CE2029</span><span>rgb(81% 13% 16%)</span><span>hsl(357 73% 47%)</span><span>hsv(357 84% 81%)</span></div>
<div style="background-color:#E95C4B;color:#E95C4B;" title="Fire opal" data-name="Fire opal" data-r="91" data-g="36" data-b="29" data-hue="6" data-hslsat="78" data-light="60" data-hsvsat="68" data-val="91" data-shortname="Fireopal"><span>Fire opal</span><span>#E95C4B</span><span>rgb(91% 36% 29%)</span><span>hsl(6 78% 60%)</span><span>hsv(6 68% 91%)</span></div>
<div style="background-color:#E25822;color:#E25822;" title="Flame" data-name="Flame" data-r="89" data-g="35" data-b="13" data-hue="17" data-hslsat="77" data-light="51" data-hsvsat="85" data-val="89" data-shortname="Flame"><span>Flame</span><span>#E25822</span><span>rgb(89% 35% 13%)</span><span>hsl(17 77% 51%)</span><span>hsv(17 85% 89%)</span></div>
<div style="background-color:#EEDC82;color:#EEDC82;" title="Flax" data-name="Flax" data-r="93" data-g="86" data-b="51" data-hue="50" data-hslsat="76" data-light="72" data-hsvsat="45" data-val="93" data-shortname="Flax"><span>Flax</span><span>#EEDC82</span><span>rgb(93% 86% 51%)</span><span>hsl(50 76% 72%)</span><span>hsv(50 45% 93%)</span></div>
<div style="background-color:#A2006D;color:#A2006D;" title="Flirt" data-name="Flirt" data-r="64" data-g="0" data-b="43" data-hue="320" data-hslsat="100" data-light="32" data-hsvsat="100" data-val="64" data-shortname="Flirt"><span>Flirt</span><span>#A2006D</span><span>rgb(64% 0% 43%)</span><span>hsl(320 100% 32%)</span><span>hsv(320 100% 64%)</span></div>
<div style="background-color:#FFFAF0;color:#FFFAF0;" title="Floral white" data-name="Floral white (web)" data-r="100" data-g="98" data-b="94" data-hue="40" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="Floralwhite"><span>Floral white (web)</span><span>floralwhite</span><span>#FFFAF0</span><span>rgb(100% 98% 94%)</span><span>hsl(40 100% 97%)</span><span>hsv(40 6% 100%)</span></div>
<div style="background-color:#15F4EE;color:#15F4EE;" title="Fluorescent blue" data-name="Fluorescent blue" data-r="8" data-g="96" data-b="93" data-hue="178" data-hslsat="91" data-light="52" data-hsvsat="91" data-val="96" data-shortname="Fluorescentblue"><span>Fluorescent blue</span><span>#15F4EE</span><span>rgb(8% 96% 93%)</span><span>hsl(178 91% 52%)</span><span>hsv(178 91% 96%)</span></div>
<div style="background-color:#5FA777;color:#5FA777;" title="Forest green (Crayola)" data-name="Forest green (Crayola)" data-r="37" data-g="65" data-b="47" data-hue="140" data-hslsat="29" data-light="51" data-hsvsat="43" data-val="65" data-shortname="ForestgreenCrayola"><span>Forest green (Crayola)</span><span>#5FA777</span><span>rgb(37% 65% 47%)</span><span>hsl(140 29% 51%)</span><span>hsv(140 43% 65%)</span></div>
<div style="background-color:#014421;color:#014421;" title="Forest green (traditional)" data-name="Forest green (traditional)" data-r="0" data-g="27" data-b="13" data-hue="149" data-hslsat="97" data-light="14" data-hsvsat="99" data-val="27" data-shortname="Forestgreentraditional"><span>Forest green (traditional)</span><span>#014421</span><span>rgb(0% 27% 13%)</span><span>hsl(149 97% 14%)</span><span>hsv(149 99% 27%)</span></div>
<div style="background-color:#228B22;color:#228B22;" title="Forest green (web)" data-name="Forest green (web)" data-r="13" data-g="55" data-b="13" data-hue="120" data-hslsat="61" data-light="34" data-hsvsat="76" data-val="55" data-shortname="Forestgreen"><span>Forest green (web)</span><span>forestgreen</span><span>#228B22</span><span>rgb(13% 55% 13%)</span><span>hsl(120 61% 34%)</span><span>hsv(120 76% 55%)</span></div>
<div style="background-color:#A67B5B;color:#A67B5B;" title="French beige" data-name="French beige" data-r="65" data-g="48" data-b="36" data-hue="26" data-hslsat="30" data-light="50" data-hsvsat="45" data-val="65" data-shortname="Frenchbeige"><span>French beige</span><span>#A67B5B</span><span>rgb(65% 48% 36%)</span><span>hsl(26 30% 50%)</span><span>hsv(26 45% 65%)</span></div>
<div style="background-color:#856D4D;color:#856D4D;" title="French bistre" data-name="French bistre" data-r="52" data-g="43" data-b="30" data-hue="34" data-hslsat="27" data-light="41" data-hsvsat="42" data-val="52" data-shortname="Frenchbistre"><span>French bistre</span><span>#856D4D</span><span>rgb(52% 43% 30%)</span><span>hsl(34 27% 41%)</span><span>hsv(34 42% 52%)</span></div>
<div style="background-color:#0072BB;color:#0072BB;" title="French blue" data-name="French blue" data-r="0" data-g="45" data-b="73" data-hue="203" data-hslsat="100" data-light="37" data-hsvsat="100" data-val="73" data-shortname="Frenchblue"><span>French blue</span><span>#0072BB</span><span>rgb(0% 45% 73%)</span><span>hsl(203 100% 37%)</span><span>hsv(203 100% 73%)</span></div>
<div style="background-color:#FD3F92;color:#FD3F92;" title="French fuchsia" data-name="French fuchsia" data-r="99" data-g="25" data-b="57" data-hue="334" data-hslsat="98" data-light="62" data-hsvsat="75" data-val="99" data-shortname="Frenchfuchsia"><span>French fuchsia</span><span>#FD3F92</span><span>rgb(99% 25% 57%)</span><span>hsl(334 98% 62%)</span><span>hsv(334 75% 99%)</span></div>
<div style="background-color:#86608E;color:#86608E;" title="French lilac" data-name="French lilac" data-r="53" data-g="38" data-b="56" data-hue="290" data-hslsat="19" data-light="47" data-hsvsat="32" data-val="56" data-shortname="Frenchlilac"><span>French lilac</span><span>#86608E</span><span>rgb(53% 38% 56%)</span><span>hsl(290 19% 47%)</span><span>hsv(290 32% 56%)</span></div>
<div style="background-color:#9EFD38;color:#9EFD38;" title="French lime" data-name="French lime" data-r="62" data-g="99" data-b="22" data-hue="89" data-hslsat="98" data-light="61" data-hsvsat="78" data-val="99" data-shortname="Frenchlime"><span>French lime</span><span>#9EFD38</span><span>rgb(62% 99% 22%)</span><span>hsl(89 98% 61%)</span><span>hsv(89 78% 99%)</span></div>
<div style="background-color:#D473D4;color:#D473D4;" title="French mauve" data-name="French mauve" data-r="83" data-g="45" data-b="83" data-hue="300" data-hslsat="53" data-light="64" data-hsvsat="46" data-val="83" data-shortname="Frenchmauve"><span>French mauve</span><span>#D473D4</span><span>rgb(83% 45% 83%)</span><span>hsl(300 53% 64%)</span><span>hsv(300 46% 83%)</span></div>
<div style="background-color:#FD6C9E;color:#FD6C9E;" title="French pink" data-name="French pink" data-r="99" data-g="42" data-b="62" data-hue="339" data-hslsat="97" data-light="71" data-hsvsat="57" data-val="99" data-shortname="Frenchpink"><span>French pink</span><span>#FD6C9E</span><span>rgb(99% 42% 62%)</span><span>hsl(339 97% 71%)</span><span>hsv(339 57% 99%)</span></div>
<div style="background-color:#C72C48;color:#C72C48;" title="French raspberry" data-name="French raspberry" data-r="78" data-g="17" data-b="28" data-hue="349" data-hslsat="64" data-light="48" data-hsvsat="78" data-val="78" data-shortname="Frenchraspberry"><span>French raspberry</span><span>#C72C48</span><span>rgb(78% 17% 28%)</span><span>hsl(349 64% 48%)</span><span>hsv(349 78% 78%)</span></div>
<div style="background-color:#F64A8A;color:#F64A8A;" title="French rose" data-name="French rose" data-r="96" data-g="29" data-b="54" data-hue="338" data-hslsat="91" data-light="63" data-hsvsat="70" data-val="96" data-shortname="Frenchrose"><span>French rose</span><span>#F64A8A</span><span>rgb(96% 29% 54%)</span><span>hsl(338 91% 63%)</span><span>hsv(338 70% 96%)</span></div>
<div style="background-color:#77B5FE;color:#77B5FE;" title="French sky blue" data-name="French sky blue" data-r="47" data-g="71" data-b="100" data-hue="212" data-hslsat="99" data-light="73" data-hsvsat="53" data-val="100" data-shortname="Frenchskyblue"><span>French sky blue</span><span>#77B5FE</span><span>rgb(47% 71% 100%)</span><span>hsl(212 99% 73%)</span><span>hsv(212 53% 100%)</span></div>
<div style="background-color:#8806CE;color:#8806CE;" title="French violet" data-name="French violet" data-r="53" data-g="2" data-b="81" data-hue="279" data-hslsat="94" data-light="42" data-hsvsat="97" data-val="81" data-shortname="Frenchviolet"><span>French violet</span><span>#8806CE</span><span>rgb(53% 2% 81%)</span><span>hsl(279 94% 42%)</span><span>hsv(279 97% 81%)</span></div>
<div style="background-color:#E936A7;color:#E936A7;" title="Frostbite" data-name="Frostbite" data-r="91" data-g="21" data-b="65" data-hue="322" data-hslsat="80" data-light="56" data-hsvsat="77" data-val="91" data-shortname="Frostbite"><span>Frostbite</span><span>#E936A7</span><span>rgb(91% 21% 65%)</span><span>hsl(322 80% 56%)</span><span>hsv(322 77% 91%)</span></div>
<div style="background-color:#FF00FF;color:#FF00FF;" title="Fuchsia" data-name="Fuchsia (web)" data-r="100" data-g="0" data-b="100" data-hue="300" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Fuchsia"><span>Fuchsia (web)</span><span>fuchsia</span><span>#FF00FF</span><span>rgb(100% 0% 100%)</span><span>hsl(300 100% 50%)</span><span>hsv(300 100% 100%)</span></div>
<div style="background-color:#C154C1;color:#C154C1;" title="Fuchsia (Crayola)" data-name="Fuchsia (Crayola)" data-r="76" data-g="33" data-b="76" data-hue="300" data-hslsat="47" data-light="54" data-hsvsat="56" data-val="76" data-shortname="FuchsiaCrayola"><span>Fuchsia (Crayola)</span><span>#C154C1</span><span>rgb(76% 33% 76%)</span><span>hsl(300 47% 54%)</span><span>hsv(300 56% 76%)</span></div>
<div style="background-color:#CC397B;color:#CC397B;" title="Fuchsia purple" data-name="Fuchsia purple" data-r="80" data-g="22" data-b="48" data-hue="333" data-hslsat="59" data-light="51" data-hsvsat="72" data-val="80" data-shortname="Fuchsiapurple"><span>Fuchsia purple</span><span>#CC397B</span><span>rgb(80% 22% 48%)</span><span>hsl(333 59% 51%)</span><span>hsv(333 72% 80%)</span></div>
<div style="background-color:#C74375;color:#C74375;" title="Fuchsia rose" data-name="Fuchsia rose" data-r="78" data-g="26" data-b="46" data-hue="337" data-hslsat="54" data-light="52" data-hsvsat="66" data-val="78" data-shortname="Fuchsiarose"><span>Fuchsia rose</span><span>#C74375</span><span>rgb(78% 26% 46%)</span><span>hsl(337 54% 52%)</span><span>hsv(337 66% 78%)</span></div>
<div style="background-color:#E48400;color:#E48400;" title="Fulvous" data-name="Fulvous" data-r="89" data-g="52" data-b="0" data-hue="35" data-hslsat="100" data-light="45" data-hsvsat="100" data-val="89" data-shortname="Fulvous"><span>Fulvous</span><span>#E48400</span><span>rgb(89% 52% 0%)</span><span>hsl(35 100% 45%)</span><span>hsv(35 100% 89%)</span></div>
<div style="background-color:#87421F;color:#87421F;" title="Fuzzy Wuzzy" data-name="Fuzzy Wuzzy" data-r="53" data-g="26" data-b="12" data-hue="20" data-hslsat="63" data-light="33" data-hsvsat="77" data-val="53" data-shortname="FuzzyWuzzy"><span>Fuzzy Wuzzy</span><span>#87421F</span><span>rgb(53% 26% 12%)</span><span>hsl(20 63% 33%)</span><span>hsv(20 77% 53%)</span></div>
<div style="background-color:#DCDCDC;color:#DCDCDC;" title="Gainsboro" data-name="Gainsboro (web)" data-r="86" data-g="86" data-b="86" data-hue="—" data-hslsat="0" data-light="86" data-hsvsat="0" data-val="86" data-shortname="Gainsboro"><span>Gainsboro (web)</span><span>gainsboro</span><span>#DCDCDC</span><span>rgb(86% 86% 86%)</span><span>hsl(— 0% 86%)</span><span>hsv(— 0% 86%)</span></div>
<div style="background-color:#E49B0F;color:#E49B0F;" title="Gamboge" data-name="Gamboge" data-r="89" data-g="61" data-b="6" data-hue="39" data-hslsat="88" data-light="48" data-hsvsat="93" data-val="89" data-shortname="Gamboge"><span>Gamboge</span><span>#E49B0F</span><span>rgb(89% 61% 6%)</span><span>hsl(39 88% 48%)</span><span>hsv(39 93% 89%)</span></div>
<div style="background-color:#007F66;color:#007F66;" title="Generic viridian" data-name="Generic viridian" data-r="0" data-g="50" data-b="40" data-hue="168" data-hslsat="100" data-light="25" data-hsvsat="100" data-val="50" data-shortname="Genericviridian"><span>Generic viridian</span><span>#007F66</span><span>rgb(0% 50% 40%)</span><span>hsl(168 100% 25%)</span><span>hsv(168 100% 50%)</span></div>
<div style="background-color:#F8F8FF;color:#F8F8FF;" title="Ghost white" data-name="Ghost white (web)" data-r="97" data-g="97" data-b="100" data-hue="240" data-hslsat="100" data-light="99" data-hsvsat="3" data-val="100" data-shortname="Ghostwhite"><span>Ghost white (web)</span><span>ghostwhite</span><span>#F8F8FF</span><span>rgb(97% 97% 100%)</span><span>hsl(240 100% 99%)</span><span>hsv(240 3% 100%)</span></div>
<div style="background-color:#6082B6;color:#6082B6;" title="Glaucous" data-name="Glaucous" data-r="38" data-g="51" data-b="71" data-hue="216" data-hslsat="37" data-light="55" data-hsvsat="47" data-val="71" data-shortname="Glaucous"><span>Glaucous</span><span>#6082B6</span><span>rgb(38% 51% 71%)</span><span>hsl(216 37% 55%)</span><span>hsv(216 47% 71%)</span></div>
<div style="background-color:#AB92B3;color:#AB92B3;" title="Glossy grape" data-name="Glossy grape" data-r="67" data-g="57" data-b="70" data-hue="285" data-hslsat="18" data-light="64" data-hsvsat="18" data-val="70" data-shortname="Glossygrape"><span>Glossy grape</span><span>#AB92B3</span><span>rgb(67% 57% 70%)</span><span>hsl(285 18% 64%)</span><span>hsv(285 18% 70%)</span></div>
<div style="background-color:#00AB66;color:#00AB66;" title="GO green" data-name="GO green" data-r="0" data-g="67" data-b="40" data-hue="156" data-hslsat="100" data-light="34" data-hsvsat="100" data-val="67" data-shortname="GOgreen"><span>GO green</span><span>#00AB66</span><span>rgb(0% 67% 40%)</span><span>hsl(156 100% 34%)</span><span>hsv(156 100% 67%)</span></div>
<div style="background-color:#A57C00;color:#A57C00;" title="Gold" data-name="Gold (web)" data-r="65" data-g="49" data-b="0" data-hue="46" data-hslsat="100" data-light="32" data-hsvsat="100" data-val="65" data-shortname="Gold"><span>Gold (web)</span><span>gold</span><span>#A57C00</span><span>rgb(65% 49% 0%)</span><span>hsl(46 100% 32%)</span><span>hsv(46 100% 65%)</span></div>
<div style="background-color:#D4AF37;color:#D4AF37;" title="Gold (metallic)" data-name="Gold (metallic)" data-r="83" data-g="69" data-b="22" data-hue="46" data-hslsat="65" data-light="52" data-hsvsat="74" data-val="83" data-shortname="Goldmetallic"><span>Gold (metallic)</span><span>#D4AF37</span><span>rgb(83% 69% 22%)</span><span>hsl(46 65% 52%)</span><span>hsv(46 74% 83%)</span></div>
<div style="background-color:#FFD700;color:#FFD700;" title="Gold (web) (Golden)" data-name="Gold (web) (Golden)" data-r="100" data-g="84" data-b="0" data-hue="51" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="GoldwebGolden"><span>Gold (web) (Golden)</span><span>#FFD700</span><span>rgb(100% 84% 0%)</span><span>hsl(51 100% 50%)</span><span>hsv(51 100% 100%)</span></div>
<div style="background-color:#E6BE8A;color:#E6BE8A;" title="Gold (Crayola)" data-name="Gold (Crayola)" data-r="90" data-g="75" data-b="54" data-hue="34" data-hslsat="65" data-light="72" data-hsvsat="40" data-val="90" data-shortname="GoldCrayola"><span>Gold (Crayola)</span><span>#E6BE8A</span><span>rgb(90% 75% 54%)</span><span>hsl(34 65% 72%)</span><span>hsv(34 40% 90%)</span></div>
<div style="background-color:#85754E;color:#85754E;" title="Gold Fusion" data-name="Gold Fusion" data-r="52" data-g="46" data-b="31" data-hue="43" data-hslsat="26" data-light="41" data-hsvsat="41" data-val="52" data-shortname="GoldFusion"><span>Gold Fusion</span><span>#85754E</span><span>rgb(52% 46% 31%)</span><span>hsl(43 26% 41%)</span><span>hsv(43 41% 52%)</span></div>
<div style="background-color:#996515;color:#996515;" title="Golden brown" data-name="Golden brown" data-r="60" data-g="40" data-b="8" data-hue="36" data-hslsat="76" data-light="34" data-hsvsat="86" data-val="60" data-shortname="Goldenbrown"><span>Golden brown</span><span>#996515</span><span>rgb(60% 40% 8%)</span><span>hsl(36 76% 34%)</span><span>hsv(36 86% 60%)</span></div>
<div style="background-color:#FCC200;color:#FCC200;" title="Golden poppy" data-name="Golden poppy" data-r="99" data-g="76" data-b="0" data-hue="46" data-hslsat="100" data-light="49" data-hsvsat="100" data-val="99" data-shortname="Goldenpoppy"><span>Golden poppy</span><span>#FCC200</span><span>rgb(99% 76% 0%)</span><span>hsl(46 100% 49%)</span><span>hsv(46 100% 99%)</span></div>
<div style="background-color:#FFDF00;color:#FFDF00;" title="Golden yellow" data-name="Golden yellow" data-r="100" data-g="87" data-b="0" data-hue="52" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Goldenyellow"><span>Golden yellow</span><span>#FFDF00</span><span>rgb(100% 87% 0%)</span><span>hsl(52 100% 50%)</span><span>hsv(52 100% 100%)</span></div>
<div style="background-color:#DAA520;color:#DAA520;" title="Goldenrod" data-name="Goldenrod (web)" data-r="85" data-g="65" data-b="13" data-hue="43" data-hslsat="74" data-light="49" data-hsvsat="85" data-val="85" data-shortname="Goldenrod"><span>Goldenrod (web)</span><span>goldenrod</span><span>#DAA520</span><span>rgb(85% 65% 13%)</span><span>hsl(43 74% 49%)</span><span>hsv(43 85% 85%)</span></div>
<div style="background-color:#676767;color:#676767;" title="Granite gray" data-name="Granite gray" data-r="40" data-g="40" data-b="40" data-hue="—" data-hslsat="0" data-light="40" data-hsvsat="0" data-val="40" data-shortname="Granitegray"><span>Granite gray</span><span>#676767</span><span>rgb(40% 40% 40%)</span><span>hsl(— 0% 40%)</span><span>hsv(— 0% 40%)</span></div>
<div style="background-color:#A8E4A0;color:#A8E4A0;" title="Granny Smith apple" data-name="Granny Smith apple" data-r="66" data-g="89" data-b="63" data-hue="113" data-hslsat="56" data-light="76" data-hsvsat="30" data-val="89" data-shortname="GrannySmithapple"><span>Granny Smith apple</span><span>#A8E4A0</span><span>rgb(66% 89% 63%)</span><span>hsl(113 56% 76%)</span><span>hsv(113 30% 89%)</span></div>
<div style="background-color:#808080;color:white;" title="Gray (web)" data-name="Gray (web)" data-r="50" data-g="50" data-b="50" data-hue="—" data-hslsat="0" data-light="50" data-hsvsat="0" data-val="50" data-shortname="Gray"><span>Gray (web)</span><span>gray</span><span>#808080</span><span>rgb(50% 50% 50%)</span><span>hsl(— 0% 50%)</span><span>hsv(— 0% 50%)</span></div>
<div style="background-color:#BEBEBE;color:#BEBEBE;" title="Gray (X11 gray)" data-name="Gray (X11 gray)" data-r="75" data-g="75" data-b="75" data-hue="—" data-hslsat="0" data-light="75" data-hsvsat="0" data-val="75" data-shortname="GrayXgray"><span>Gray (X11 gray)</span><span>#BEBEBE</span><span>rgb(75% 75% 75%)</span><span>hsl(— 0% 75%)</span><span>hsv(— 0% 75%)</span></div>
<div style="background-color:#00FF00;color:#00FF00;" title="Green" data-name="Green (web)" data-r="0" data-g="100" data-b="0" data-hue="120" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Green"><span>Green (web)</span><span>green</span><span>#00FF00</span><span>rgb(0% 100% 0%)</span><span>hsl(120 100% 50%)</span><span>hsv(120 100% 100%)</span></div>
<div style="background-color:#1CAC78;color:#1CAC78;" title="Green (Crayola)" data-name="Green (Crayola)" data-r="11" data-g="67" data-b="47" data-hue="158" data-hslsat="72" data-light="39" data-hsvsat="84" data-val="67" data-shortname="GreenCrayola"><span>Green (Crayola)</span><span>#1CAC78</span><span>rgb(11% 67% 47%)</span><span>hsl(158 72% 39%)</span><span>hsv(158 84% 67%)</span></div>
<div style="background-color:#008000;color:#008000;" title="Green (web)" data-name="Green (web)" data-r="0" data-g="50" data-b="0" data-hue="120" data-hslsat="100" data-light="25" data-hsvsat="100" data-val="50" data-shortname="Green"><span>Green (web)</span><span>green</span><span>#008000</span><span>rgb(0% 50% 0%)</span><span>hsl(120 100% 25%)</span><span>hsv(120 100% 50%)</span></div>
<div style="background-color:#00A877;color:#00A877;" title="Green (Munsell)" data-name="Green (Munsell)" data-r="0" data-g="66" data-b="47" data-hue="163" data-hslsat="100" data-light="33" data-hsvsat="100" data-val="66" data-shortname="GreenMunsell"><span>Green (Munsell)</span><span>#00A877</span><span>rgb(0% 66% 47%)</span><span>hsl(163 100% 33%)</span><span>hsv(163 100% 66%)</span></div>
<div style="background-color:#009F6B;color:#009F6B;" title="Green (NCS)" data-name="Green (NCS)" data-r="0" data-g="62" data-b="42" data-hue="160" data-hslsat="100" data-light="31" data-hsvsat="100" data-val="62" data-shortname="GreenNCS"><span>Green (NCS)</span><span>#009F6B</span><span>rgb(0% 62% 42%)</span><span>hsl(160 100% 31%)</span><span>hsv(160 100% 62%)</span></div>
<div style="background-color:#00AD43;color:#00AD43;" title="Green (Pantone)" data-name="Green (Pantone)" data-r="0" data-g="68" data-b="26" data-hue="143" data-hslsat="100" data-light="34" data-hsvsat="100" data-val="68" data-shortname="GreenPantone"><span>Green (Pantone)</span><span>#00AD43</span><span>rgb(0% 68% 26%)</span><span>hsl(143 100% 34%)</span><span>hsv(143 100% 68%)</span></div>
<div style="background-color:#00A550;color:#00A550;" title="Green (pigment)" data-name="Green (pigment)" data-r="0" data-g="65" data-b="31" data-hue="149" data-hslsat="100" data-light="32" data-hsvsat="100" data-val="65" data-shortname="Greenpigment"><span>Green (pigment)</span><span>#00A550</span><span>rgb(0% 65% 31%)</span><span>hsl(149 100% 32%)</span><span>hsv(149 100% 65%)</span></div>
<div style="background-color:#66B032;color:#66B032;" title="Green (RYB)" data-name="Green (RYB)" data-r="40" data-g="69" data-b="20" data-hue="95" data-hslsat="56" data-light="44" data-hsvsat="72" data-val="69" data-shortname="GreenRYB"><span>Green (RYB)</span><span>#66B032</span><span>rgb(40% 69% 20%)</span><span>hsl(95 56% 44%)</span><span>hsv(95 72% 69%)</span></div>
<div style="background-color:#1164B4;color:#1164B4;" title="Green-blue" data-name="Green-blue" data-r="7" data-g="39" data-b="71" data-hue="209" data-hslsat="83" data-light="39" data-hsvsat="91" data-val="71" data-shortname="Greenblue"><span>Green-blue</span><span>#1164B4</span><span>rgb(7% 39% 71%)</span><span>hsl(209 83% 39%)</span><span>hsv(209 91% 71%)</span></div>
<div style="background-color:#2887C8;color:#2887C8;" title="Green-blue (Crayola)" data-name="Green-blue (Crayola)" data-r="16" data-g="53" data-b="78" data-hue="204" data-hslsat="67" data-light="47" data-hsvsat="80" data-val="78" data-shortname="GreenblueCrayola"><span>Green-blue (Crayola)</span><span>#2887C8</span><span>rgb(16% 53% 78%)</span><span>hsl(204 67% 47%)</span><span>hsv(204 80% 78%)</span></div>
<div style="background-color:#009966;color:#009966;" title="Green-cyan" data-name="Green-cyan" data-r="0" data-g="60" data-b="40" data-hue="160" data-hslsat="100" data-light="30" data-hsvsat="100" data-val="60" data-shortname="Greencyan"><span>Green-cyan</span><span>#009966</span><span>rgb(0% 60% 40%)</span><span>hsl(160 100% 30%)</span><span>hsv(160 100% 60%)</span></div>
<div style="background-color:#A7F432;color:#A7F432;" title="Green Lizard" data-name="Green Lizard" data-r="65" data-g="96" data-b="20" data-hue="84" data-hslsat="90" data-light="58" data-hsvsat="80" data-val="96" data-shortname="GreenLizard"><span>Green Lizard</span><span>#A7F432</span><span>rgb(65% 96% 20%)</span><span>hsl(84 90% 58%)</span><span>hsv(84 80% 96%)</span></div>
<div style="background-color:#6EAEA1;color:#6EAEA1;" title="Green Sheen" data-name="Green Sheen" data-r="43" data-g="68" data-b="63" data-hue="168" data-hslsat="28" data-light="56" data-hsvsat="37" data-val="68" data-shortname="GreenSheen"><span>Green Sheen</span><span>#6EAEA1</span><span>rgb(43% 68% 63%)</span><span>hsl(168 28% 56%)</span><span>hsv(168 37% 68%)</span></div>
<div style="background-color:#ADFF2F;color:#ADFF2F;" title="Green-yellow" data-name="Green-yellow (web)" data-r="68" data-g="100" data-b="18" data-hue="84" data-hslsat="100" data-light="59" data-hsvsat="82" data-val="100" data-shortname="Greenyellow"><span>Green-yellow (web)</span><span>greenyellow</span><span>#ADFF2F</span><span>rgb(68% 100% 18%)</span><span>hsl(84 100% 59%)</span><span>hsv(84 82% 100%)</span></div>
<div style="background-color:#F0E891;color:#F0E891;" title="Green-yellow (Crayola)" data-name="Green-yellow (Crayola)" data-r="94" data-g="91" data-b="57" data-hue="55" data-hslsat="76" data-light="76" data-hsvsat="40" data-val="94" data-shortname="GreenyellowCrayola"><span>Green-yellow (Crayola)</span><span>#F0E891</span><span>rgb(94% 91% 57%)</span><span>hsl(55 76% 76%)</span><span>hsv(55 40% 94%)</span></div>
<div style="background-color:#A99A86;color:#A99A86;" title="Grullo" data-name="Grullo" data-r="66" data-g="60" data-b="53" data-hue="34" data-hslsat="17" data-light="59" data-hsvsat="21" data-val="66" data-shortname="Grullo"><span>Grullo</span><span>#A99A86</span><span>rgb(66% 60% 53%)</span><span>hsl(34 17% 59%)</span><span>hsv(34 21% 66%)</span></div>
<div style="background-color:#2a3439;color:#2a3439;" title="Gunmetal" data-name="Gunmetal" data-r="16" data-g="20" data-b="22" data-hue="200" data-hslsat="15" data-light="19" data-hsvsat="15" data-val="19" data-shortname="Gunmetal"><span>Gunmetal</span><span>#2a3439</span><span>rgb(16% 20% 22%)</span><span>hsl(200 15% 19%)</span><span>hsv(200 15% 19%)</span></div>
<div style="background-color:#446CCF;color:#446CCF;" title="Han blue" data-name="Han blue" data-r="27" data-g="42" data-b="81" data-hue="223" data-hslsat="59" data-light="54" data-hsvsat="67" data-val="81" data-shortname="Hanblue"><span>Han blue</span><span>#446CCF</span><span>rgb(27% 42% 81%)</span><span>hsl(223 59% 54%)</span><span>hsv(223 67% 81%)</span></div>
<div style="background-color:#5218FA;color:#5218FA;" title="Han purple" data-name="Han purple" data-r="32" data-g="9" data-b="98" data-hue="255" data-hslsat="96" data-light="54" data-hsvsat="90" data-val="98" data-shortname="Hanpurple"><span>Han purple</span><span>#5218FA</span><span>rgb(32% 9% 98%)</span><span>hsl(255 96% 54%)</span><span>hsv(255 90% 98%)</span></div>
<div style="background-color:#E9D66B;color:#E9D66B;" title="Hansa yellow" data-name="Hansa yellow" data-r="91" data-g="84" data-b="42" data-hue="51" data-hslsat="74" data-light="67" data-hsvsat="54" data-val="91" data-shortname="Hansayellow"><span>Hansa yellow</span><span>#E9D66B</span><span>rgb(91% 84% 42%)</span><span>hsl(51 74% 67%)</span><span>hsv(51 54% 91%)</span></div>
<div style="background-color:#3FFF00;color:#3FFF00;" title="Harlequin" data-name="Harlequin" data-r="25" data-g="100" data-b="0" data-hue="105" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Harlequin"><span>Harlequin</span><span>#3FFF00</span><span>rgb(25% 100% 0%)</span><span>hsl(105 100% 50%)</span><span>hsv(105 100% 100%)</span></div>
<div style="background-color:#DA9100;color:#DA9100;" title="Harvest gold" data-name="Harvest gold" data-r="85" data-g="57" data-b="0" data-hue="40" data-hslsat="100" data-light="43" data-hsvsat="100" data-val="85" data-shortname="Harvestgold"><span>Harvest gold</span><span>#DA9100</span><span>rgb(85% 57% 0%)</span><span>hsl(40 100% 43%)</span><span>hsv(40 100% 85%)</span></div>
<div style="background-color:#FF7A00;color:#FF7A00;" title="Heat Wave" data-name="Heat Wave" data-r="100" data-g="48" data-b="0" data-hue="29" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="HeatWave"><span>Heat Wave</span><span>#FF7A00</span><span>rgb(100% 48% 0%)</span><span>hsl(29 100% 50%)</span><span>hsv(29 100% 100%)</span></div>
<div style="background-color:#DF73FF;color:#DF73FF;" title="Heliotrope" data-name="Heliotrope" data-r="87" data-g="45" data-b="100" data-hue="286" data-hslsat="100" data-light="73" data-hsvsat="55" data-val="100" data-shortname="Heliotrope"><span>Heliotrope</span><span>#DF73FF</span><span>rgb(87% 45% 100%)</span><span>hsl(286 100% 73%)</span><span>hsv(286 55% 100%)</span></div>
<div style="background-color:#AA98A9;color:#AA98A9;" title="Heliotrope gray" data-name="Heliotrope gray" data-r="67" data-g="60" data-b="66" data-hue="303" data-hslsat="10" data-light="63" data-hsvsat="11" data-val="67" data-shortname="Heliotropegray"><span>Heliotrope gray</span><span>#AA98A9</span><span>rgb(67% 60% 66%)</span><span>hsl(303 10% 63%)</span><span>hsv(303 11% 67%)</span></div>
<div style="background-color:#F400A1;color:#F400A1;" title="Hollywood cerise" data-name="Hollywood cerise" data-r="96" data-g="0" data-b="63" data-hue="320" data-hslsat="100" data-light="48" data-hsvsat="100" data-val="96" data-shortname="Hollywoodcerise"><span>Hollywood cerise</span><span>#F400A1</span><span>rgb(96% 0% 63%)</span><span>hsl(320 100% 48%)</span><span>hsv(320 100% 96%)</span></div>
<div style="background-color:#F0FFF0;color:#F0FFF0;" title="Honeydew" data-name="Honeydew (web)" data-r="94" data-g="100" data-b="94" data-hue="120" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="Honeydew"><span>Honeydew (web)</span><span>honeydew</span><span>#F0FFF0</span><span>rgb(94% 100% 94%)</span><span>hsl(120 100% 97%)</span><span>hsv(120 6% 100%)</span></div>
<div style="background-color:#006DB0;color:#006DB0;" title="Honolulu blue" data-name="Honolulu blue" data-r="0" data-g="43" data-b="69" data-hue="203" data-hslsat="100" data-light="35" data-hsvsat="100" data-val="69" data-shortname="Honolulublue"><span>Honolulu blue</span><span>#006DB0</span><span>rgb(0% 43% 69%)</span><span>hsl(203 100% 35%)</span><span>hsv(203 100% 69%)</span></div>
<div style="background-color:#49796B;color:#49796B;" title="Hooker's green" data-name="Hooker's green" data-r="29" data-g="47" data-b="42" data-hue="163" data-hslsat="25" data-light="38" data-hsvsat="40" data-val="47" data-shortname="Hookersgreen"><span>Hooker's green</span><span>#49796B</span><span>rgb(29% 47% 42%)</span><span>hsl(163 25% 38%)</span><span>hsv(163 40% 47%)</span></div>
<div style="background-color:#FF1DCE;color:#FF1DCE;" title="Hot magenta" data-name="Hot magenta" data-r="100" data-g="11" data-b="81" data-hue="313" data-hslsat="100" data-light="56" data-hsvsat="89" data-val="100" data-shortname="Hotmagenta"><span>Hot magenta</span><span>#FF1DCE</span><span>rgb(100% 11% 81%)</span><span>hsl(313 100% 56%)</span><span>hsv(313 89% 100%)</span></div>
<div style="background-color:#FF69B4;color:#FF69B4;" title="Hot pink" data-name="Hot pink (web)" data-r="100" data-g="41" data-b="71" data-hue="330" data-hslsat="100" data-light="71" data-hsvsat="59" data-val="100" data-shortname="Hotpink"><span>Hot pink (web)</span><span>hotpink</span><span>#FF69B4</span><span>rgb(100% 41% 71%)</span><span>hsl(330 100% 71%)</span><span>hsv(330 59% 100%)</span></div>
<div style="background-color:#355E3B;color:#355E3B;" title="Hunter green" data-name="Hunter green" data-r="21" data-g="37" data-b="23" data-hue="129" data-hslsat="28" data-light="29" data-hsvsat="44" data-val="37" data-shortname="Huntergreen"><span>Hunter green</span><span>#355E3B</span><span>rgb(21% 37% 23%)</span><span>hsl(129 28% 29%)</span><span>hsv(129 44% 37%)</span></div>
<div style="background-color:#71A6D2;color:#71A6D2;" title="Iceberg" data-name="Iceberg" data-r="44" data-g="65" data-b="82" data-hue="207" data-hslsat="52" data-light="63" data-hsvsat="46" data-val="82" data-shortname="Iceberg"><span>Iceberg</span><span>#71A6D2</span><span>rgb(44% 65% 82%)</span><span>hsl(207 52% 63%)</span><span>hsv(207 46% 82%)</span></div>
<div style="background-color:#FCF75E;color:#FCF75E;" title="Icterine" data-name="Icterine" data-r="99" data-g="97" data-b="37" data-hue="58" data-hslsat="96" data-light="68" data-hsvsat="63" data-val="99" data-shortname="Icterine"><span>Icterine</span><span>#FCF75E</span><span>rgb(99% 97% 37%)</span><span>hsl(58 96% 68%)</span><span>hsv(58 63% 99%)</span></div>
<div style="background-color:#319177;color:#319177;" title="Illuminating emerald" data-name="Illuminating emerald" data-r="19" data-g="57" data-b="47" data-hue="164" data-hslsat="49" data-light="38" data-hsvsat="66" data-val="57" data-shortname="Illuminatingemerald"><span>Illuminating emerald</span><span>#319177</span><span>rgb(19% 57% 47%)</span><span>hsl(164 49% 38%)</span><span>hsv(164 66% 57%)</span></div>
<div style="background-color:#ED2939;color:#ED2939;" title="Imperial red" data-name="Imperial red" data-r="93" data-g="16" data-b="22" data-hue="355" data-hslsat="84" data-light="55" data-hsvsat="83" data-val="93" data-shortname="Imperialred"><span>Imperial red</span><span>#ED2939</span><span>rgb(93% 16% 22%)</span><span>hsl(355 84% 55%)</span><span>hsv(355 83% 93%)</span></div>
<div style="background-color:#B2EC5D;color:#B2EC5D;" title="Inchworm" data-name="Inchworm" data-r="70" data-g="93" data-b="36" data-hue="84" data-hslsat="79" data-light="65" data-hsvsat="61" data-val="93" data-shortname="Inchworm"><span>Inchworm</span><span>#B2EC5D</span><span>rgb(70% 93% 36%)</span><span>hsl(84 79% 65%)</span><span>hsv(84 61% 93%)</span></div>
<div style="background-color:#4C516D;color:#4C516D;" title="Independence" data-name="Independence" data-r="30" data-g="32" data-b="43" data-hue="231" data-hslsat="18" data-light="36" data-hsvsat="30" data-val="43" data-shortname="Independence"><span>Independence</span><span>#4C516D</span><span>rgb(30% 32% 43%)</span><span>hsl(231 18% 36%)</span><span>hsv(231 30% 43%)</span></div>
<div style="background-color:#138808;color:#138808;" title="India green" data-name="India green" data-r="7" data-g="53" data-b="3" data-hue="115" data-hslsat="89" data-light="28" data-hsvsat="94" data-val="53" data-shortname="Indiagreen"><span>India green</span><span>#138808</span><span>rgb(7% 53% 3%)</span><span>hsl(115 89% 28%)</span><span>hsv(115 94% 53%)</span></div>
<div style="background-color:#CD5C5C;color:#CD5C5C;" title="Indian red" data-name="Indian red (web)" data-r="80" data-g="36" data-b="36" data-hue="0" data-hslsat="53" data-light="58" data-hsvsat="55" data-val="80" data-shortname="Indianred"><span>Indian red (web)</span><span>indianred</span><span>#CD5C5C</span><span>rgb(80% 36% 36%)</span><span>hsl(0 53% 58%)</span><span>hsv(0 55% 80%)</span></div>
<div style="background-color:#E3A857;color:#E3A857;" title="Indian yellow" data-name="Indian yellow" data-r="89" data-g="66" data-b="34" data-hue="35" data-hslsat="71" data-light="62" data-hsvsat="62" data-val="89" data-shortname="Indianyellow"><span>Indian yellow</span><span>#E3A857</span><span>rgb(89% 66% 34%)</span><span>hsl(35 71% 62%)</span><span>hsv(35 62% 89%)</span></div>
<div style="background-color:#4B0082;color:#4B0082;" title="Indigo" data-name="Indigo (web)" data-r="29" data-g="0" data-b="51" data-hue="266" data-hslsat="100" data-light="26" data-hsvsat="100" data-val="51" data-shortname="Indigo"><span>Indigo (web)</span><span>indigo</span><span>#4B0082</span><span>rgb(29% 0% 51%)</span><span>hsl(266 100% 26%)</span><span>hsv(266 100% 51%)</span></div>
<div style="background-color:#00416A;color:#00416A;" title="Indigo dye" data-name="Indigo dye" data-r="0" data-g="25" data-b="42" data-hue="203" data-hslsat="100" data-light="21" data-hsvsat="100" data-val="42" data-shortname="Indigodye"><span>Indigo dye</span><span>#00416A</span><span>rgb(0% 25% 42%)</span><span>hsl(203 100% 21%)</span><span>hsv(203 100% 42%)</span></div>
<div style="background-color:#FF4F00;color:#FF4F00;" title="International orange (aerospace)" data-name="International orange (aerospace)" data-r="100" data-g="31" data-b="0" data-hue="19" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Internationalorangeaerospace"><span>International orange (aerospace)</span><span>#FF4F00</span><span>rgb(100% 31% 0%)</span><span>hsl(19 100% 50%)</span><span>hsv(19 100% 100%)</span></div>
<div style="background-color:#BA160C;color:#BA160C;" title="International orange (engineering)" data-name="International orange (engineering)" data-r="73" data-g="9" data-b="5" data-hue="3" data-hslsat="88" data-light="39" data-hsvsat="94" data-val="73" data-shortname="Internationalorangeengineering"><span>International orange (engineering)</span><span>#BA160C</span><span>rgb(73% 9% 5%)</span><span>hsl(3 88% 39%)</span><span>hsv(3 94% 73%)</span></div>
<div style="background-color:#C0362C;color:#C0362C;" title="International orange (Golden Gate Bridge)" data-name="International orange (Golden Gate Bridge)" data-r="75" data-g="21" data-b="17" data-hue="4" data-hslsat="63" data-light="46" data-hsvsat="77" data-val="75" data-shortname="InternationalorangeGoldenGateBridge"><span>International orange (Golden Gate Bridge)</span><span>#C0362C</span><span>rgb(75% 21% 17%)</span><span>hsl(4 63% 46%)</span><span>hsv(4 77% 75%)</span></div>
<div style="background-color:#5A4FCF;color:#5A4FCF;" title="Iris" data-name="Iris" data-r="35" data-g="31" data-b="81" data-hue="245" data-hslsat="57" data-light="56" data-hsvsat="62" data-val="81" data-shortname="Iris"><span>Iris</span><span>#5A4FCF</span><span>rgb(35% 31% 81%)</span><span>hsl(245 57% 56%)</span><span>hsv(245 62% 81%)</span></div>
<div style="background-color:#B3446C;color:#B3446C;" title="Irresistible" data-name="Irresistible" data-r="70" data-g="27" data-b="42" data-hue="338" data-hslsat="45" data-light="48" data-hsvsat="62" data-val="70" data-shortname="Irresistible"><span>Irresistible</span><span>#B3446C</span><span>rgb(70% 27% 42%)</span><span>hsl(338 45% 48%)</span><span>hsv(338 62% 70%)</span></div>
<div style="background-color:#F4F0EC;color:#F4F0EC;" title="Isabelline" data-name="Isabelline" data-r="96" data-g="94" data-b="93" data-hue="30" data-hslsat="27" data-light="94" data-hsvsat="3" data-val="96" data-shortname="Isabelline"><span>Isabelline</span><span>#F4F0EC</span><span>rgb(96% 94% 93%)</span><span>hsl(30 27% 94%)</span><span>hsv(30 3% 96%)</span></div>
<div style="background-color:#B2FFFF;color:#B2FFFF;" title="Italian sky blue" data-name="Italian sky blue" data-r="70" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="85" data-hsvsat="30" data-val="100" data-shortname="Italianskyblue"><span>Italian sky blue</span><span>#B2FFFF</span><span>rgb(70% 100% 100%)</span><span>hsl(180 100% 85%)</span><span>hsv(180 30% 100%)</span></div>
<div style="background-color:#FFFFF0;color:#FFFFF0;" title="Ivory" data-name="Ivory (web)" data-r="100" data-g="100" data-b="94" data-hue="60" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="Ivory"><span>Ivory (web)</span><span>ivory</span><span>#FFFFF0</span><span>rgb(100% 100% 94%)</span><span>hsl(60 100% 97%)</span><span>hsv(60 6% 100%)</span></div>
<div style="background-color:#00A86B;color:#00A86B;" title="Jade" data-name="Jade" data-r="0" data-g="66" data-b="42" data-hue="158" data-hslsat="100" data-light="33" data-hsvsat="100" data-val="66" data-shortname="Jade"><span>Jade</span><span>#00A86B</span><span>rgb(0% 66% 42%)</span><span>hsl(158 100% 33%)</span><span>hsv(158 100% 66%)</span></div>
<div style="background-color:#9D2933;color:#9D2933;" title="Japanese carmine" data-name="Japanese carmine" data-r="62" data-g="16" data-b="20" data-hue="355" data-hslsat="59" data-light="39" data-hsvsat="74" data-val="62" data-shortname="Japanesecarmine"><span>Japanese carmine</span><span>#9D2933</span><span>rgb(62% 16% 20%)</span><span>hsl(355 59% 39%)</span><span>hsv(355 74% 62%)</span></div>
<div style="background-color:#5B3256;color:#5B3256;" title="Japanese violet" data-name="Japanese violet" data-r="36" data-g="20" data-b="34" data-hue="307" data-hslsat="29" data-light="28" data-hsvsat="45" data-val="36" data-shortname="Japaneseviolet"><span>Japanese violet</span><span>#5B3256</span><span>rgb(36% 20% 34%)</span><span>hsl(307 29% 28%)</span><span>hsv(307 45% 36%)</span></div>
<div style="background-color:#F8DE7E;color:#F8DE7E;" title="Jasmine" data-name="Jasmine" data-r="97" data-g="87" data-b="49" data-hue="47" data-hslsat="90" data-light="73" data-hsvsat="49" data-val="97" data-shortname="Jasmine"><span>Jasmine</span><span>#F8DE7E</span><span>rgb(97% 87% 49%)</span><span>hsl(47 90% 73%)</span><span>hsv(47 49% 97%)</span></div>
<div style="background-color:#A50B5E;color:#A50B5E;" title="Jazzberry jam" data-name="Jazzberry jam" data-r="65" data-g="4" data-b="37" data-hue="328" data-hslsat="88" data-light="35" data-hsvsat="93" data-val="65" data-shortname="Jazzberryjam"><span>Jazzberry jam</span><span>#A50B5E</span><span>rgb(65% 4% 37%)</span><span>hsl(328 88% 35%)</span><span>hsv(328 93% 65%)</span></div>
<div style="background-color:#343434;color:#343434;" title="Jet" data-name="Jet" data-r="20" data-g="20" data-b="20" data-hue="—" data-hslsat="0" data-light="20" data-hsvsat="0" data-val="20" data-shortname="Jet"><span>Jet</span><span>#343434</span><span>rgb(20% 20% 20%)</span><span>hsl(— 0% 20%)</span><span>hsv(— 0% 20%)</span></div>
<div style="background-color:#F4CA16;color:#F4CA16;" title="Jonquil" data-name="Jonquil" data-r="96" data-g="79" data-b="9" data-hue="49" data-hslsat="91" data-light="52" data-hsvsat="91" data-val="96" data-shortname="Jonquil"><span>Jonquil</span><span>#F4CA16</span><span>rgb(96% 79% 9%)</span><span>hsl(49 91% 52%)</span><span>hsv(49 91% 96%)</span></div>
<div style="background-color:#BDDA57;color:#BDDA57;" title="June bud" data-name="June bud" data-r="74" data-g="85" data-b="34" data-hue="73" data-hslsat="64" data-light="60" data-hsvsat="60" data-val="85" data-shortname="Junebud"><span>June bud</span><span>#BDDA57</span><span>rgb(74% 85% 34%)</span><span>hsl(73 64% 60%)</span><span>hsv(73 60% 85%)</span></div>
<div style="background-color:#29AB87;color:#29AB87;" title="Jungle green" data-name="Jungle green" data-r="16" data-g="67" data-b="53" data-hue="163" data-hslsat="61" data-light="42" data-hsvsat="76" data-val="67" data-shortname="Junglegreen"><span>Jungle green</span><span>#29AB87</span><span>rgb(16% 67% 53%)</span><span>hsl(163 61% 42%)</span><span>hsv(163 76% 67%)</span></div>
<div style="background-color:#4CBB17;color:#4CBB17;" title="Kelly green" data-name="Kelly green" data-r="30" data-g="73" data-b="9" data-hue="101" data-hslsat="78" data-light="41" data-hsvsat="88" data-val="73" data-shortname="Kellygreen"><span>Kelly green</span><span>#4CBB17</span><span>rgb(30% 73% 9%)</span><span>hsl(101 78% 41%)</span><span>hsv(101 88% 73%)</span></div>
<div style="background-color:#3AB09E;color:#3AB09E;" title="Keppel" data-name="Keppel" data-r="23" data-g="69" data-b="62" data-hue="171" data-hslsat="50" data-light="46" data-hsvsat="67" data-val="69" data-shortname="Keppel"><span>Keppel</span><span>#3AB09E</span><span>rgb(23% 69% 62%)</span><span>hsl(171 50% 46%)</span><span>hsv(171 67% 69%)</span></div>
<div style="background-color:#E8F48C;color:#E8F48C;" title="Key lime" data-name="Key lime" data-r="91" data-g="96" data-b="55" data-hue="67" data-hslsat="83" data-light="75" data-hsvsat="43" data-val="96" data-shortname="Keylime"><span>Key lime</span><span>#E8F48C</span><span>rgb(91% 96% 55%)</span><span>hsl(67 83% 75%)</span><span>hsv(67 43% 96%)</span></div>
<div style="background-color:#C3B091;color:#C3B091;" title="Khaki (web)" data-name="Khaki (web)" data-r="76" data-g="69" data-b="57" data-hue="37" data-hslsat="29" data-light="67" data-hsvsat="26" data-val="76" data-shortname="Khaki"><span>Khaki (web)</span><span>khaki</span><span>#C3B091</span><span>rgb(76% 69% 57%)</span><span>hsl(37 29% 67%)</span><span>hsv(37 26% 76%)</span></div>
<div style="background-color:#F0E68C;color:#F0E68C;" title="Khaki (X11) (Light khaki)" data-name="Khaki (X11) (Light khaki)" data-r="94" data-g="90" data-b="55" data-hue="54" data-hslsat="77" data-light="75" data-hsvsat="42" data-val="94" data-shortname="KhakiXLightkhaki"><span>Khaki (X11) (Light khaki)</span><span>#F0E68C</span><span>rgb(94% 90% 55%)</span><span>hsl(54 77% 75%)</span><span>hsv(54 42% 94%)</span></div>
<div style="background-color:#882D17;color:#882D17;" title="Kobe" data-name="Kobe" data-r="53" data-g="18" data-b="9" data-hue="12" data-hslsat="71" data-light="31" data-hsvsat="83" data-val="53" data-shortname="Kobe"><span>Kobe</span><span>#882D17</span><span>rgb(53% 18% 9%)</span><span>hsl(12 71% 31%)</span><span>hsv(12 83% 53%)</span></div>
<div style="background-color:#E79FC4;color:#E79FC4;" title="Kobi" data-name="Kobi" data-r="91" data-g="62" data-b="77" data-hue="329" data-hslsat="60" data-light="76" data-hsvsat="31" data-val="91" data-shortname="Kobi"><span>Kobi</span><span>#E79FC4</span><span>rgb(91% 62% 77%)</span><span>hsl(329 60% 76%)</span><span>hsv(329 31% 91%)</span></div>
<div style="background-color:#6B4423;color:#6B4423;" title="Kobicha" data-name="Kobicha" data-r="42" data-g="27" data-b="14" data-hue="28" data-hslsat="51" data-light="28" data-hsvsat="67" data-val="42" data-shortname="Kobicha"><span>Kobicha</span><span>#6B4423</span><span>rgb(42% 27% 14%)</span><span>hsl(28 51% 28%)</span><span>hsv(28 67% 42%)</span></div>
<div style="background-color:#354230;color:#354230;" title="Kombu green" data-name="Kombu green" data-r="21" data-g="26" data-b="19" data-hue="103" data-hslsat="16" data-light="22" data-hsvsat="27" data-val="26" data-shortname="Kombugreen"><span>Kombu green</span><span>#354230</span><span>rgb(21% 26% 19%)</span><span>hsl(103 16% 22%)</span><span>hsv(103 27% 26%)</span></div>
<div style="background-color:#512888;color:#512888;" title="KSU purple" data-name="KSU purple" data-r="31" data-g="15" data-b="51" data-hue="266" data-hslsat="55" data-light="33" data-hsvsat="71" data-val="53" data-shortname="KSUpurple"><span>KSU purple</span><span>#512888</span><span>rgb(31% 15% 51%)</span><span>hsl(266 55% 33%)</span><span>hsv(266 71% 53%)</span></div>
<div style="background-color:#D6CADD;color:#D6CADD;" title="Languid lavender" data-name="Languid lavender" data-r="84" data-g="79" data-b="87" data-hue="278" data-hslsat="22" data-light="83" data-hsvsat="9" data-val="87" data-shortname="Languidlavender"><span>Languid lavender</span><span>#D6CADD</span><span>rgb(84% 79% 87%)</span><span>hsl(278 22% 83%)</span><span>hsv(278 9% 87%)</span></div>
<div style="background-color:#26619C;color:#26619C;" title="Lapis lazuli" data-name="Lapis lazuli" data-r="15" data-g="38" data-b="61" data-hue="210" data-hslsat="61" data-light="38" data-hsvsat="76" data-val="61" data-shortname="Lapislazuli"><span>Lapis lazuli</span><span>#26619C</span><span>rgb(15% 38% 61%)</span><span>hsl(210 61% 38%)</span><span>hsv(210 76% 61%)</span></div>
<div style="background-color:#FFFF66;color:#FFFF66;" title="Laser lemon" data-name="Laser lemon" data-r="100" data-g="100" data-b="40" data-hue="60" data-hslsat="100" data-light="70" data-hsvsat="60" data-val="100" data-shortname="Laserlemon"><span>Laser lemon</span><span>#FFFF66</span><span>rgb(100% 100% 40%)</span><span>hsl(60 100% 70%)</span><span>hsv(60 60% 100%)</span></div>
<div style="background-color:#A9BA9D;color:#A9BA9D;" title="Laurel green" data-name="Laurel green" data-r="66" data-g="73" data-b="62" data-hue="95" data-hslsat="17" data-light="67" data-hsvsat="16" data-val="73" data-shortname="Laurelgreen"><span>Laurel green</span><span>#A9BA9D</span><span>rgb(66% 73% 62%)</span><span>hsl(95 17% 67%)</span><span>hsv(95 16% 73%)</span></div>
<div style="background-color:#CF1020;color:#CF1020;" title="Lava" data-name="Lava" data-r="81" data-g="6" data-b="13" data-hue="355" data-hslsat="86" data-light="44" data-hsvsat="92" data-val="81" data-shortname="Lava"><span>Lava</span><span>#CF1020</span><span>rgb(81% 6% 13%)</span><span>hsl(355 86% 44%)</span><span>hsv(355 92% 81%)</span></div>
<div style="background-color:#B57EDC;color:#B57EDC;" title="Lavender (floral)" data-name="Lavender (floral)" data-r="71" data-g="49" data-b="86" data-hue="275" data-hslsat="57" data-light="68" data-hsvsat="43" data-val="86" data-shortname="Lavenderfloral"><span>Lavender (floral)</span><span>#B57EDC</span><span>rgb(71% 49% 86%)</span><span>hsl(275 57% 68%)</span><span>hsv(275 43% 86%)</span></div>
<div style="background-color:#E6E6FA;color:#E6E6FA;" title="Lavender (web)" data-name="Lavender (web)" data-r="90" data-g="90" data-b="98" data-hue="240" data-hslsat="67" data-light="94" data-hsvsat="8" data-val="98" data-shortname="Lavender"><span>Lavender (web)</span><span>lavender</span><span>#E6E6FA</span><span>rgb(90% 90% 98%)</span><span>hsl(240 67% 94%)</span><span>hsv(240 8% 98%)</span></div>
<div style="background-color:#CCCCFF;color:#CCCCFF;" title="Lavender blue" data-name="Lavender blue" data-r="80" data-g="80" data-b="100" data-hue="240" data-hslsat="100" data-light="90" data-hsvsat="20" data-val="100" data-shortname="Lavenderblue"><span>Lavender blue</span><span>#CCCCFF</span><span>rgb(80% 80% 100%)</span><span>hsl(240 100% 90%)</span><span>hsv(240 20% 100%)</span></div>
<div style="background-color:#FFF0F5;color:#FFF0F5;" title="Lavender blush" data-name="Lavender blush (web)" data-r="100" data-g="94" data-b="96" data-hue="340" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="Lavenderblush"><span>Lavender blush (web)</span><span>lavenderblush</span><span>#FFF0F5</span><span>rgb(100% 94% 96%)</span><span>hsl(340 100% 97%)</span><span>hsv(340 6% 100%)</span></div>
<div style="background-color:#C4C3D0;color:#C4C3D0;" title="Lavender gray" data-name="Lavender gray" data-r="77" data-g="76" data-b="82" data-hue="245" data-hslsat="12" data-light="79" data-hsvsat="6" data-val="82" data-shortname="Lavendergray"><span>Lavender gray</span><span>#C4C3D0</span><span>rgb(77% 76% 82%)</span><span>hsl(245 12% 79%)</span><span>hsv(245 6% 82%)</span></div>
<div style="background-color:#7CFC00;color:#7CFC00;" title="Lawn green" data-name="Lawn green (web)" data-r="49" data-g="99" data-b="0" data-hue="90" data-hslsat="100" data-light="49" data-hsvsat="100" data-val="99" data-shortname="Lawngreen"><span>Lawn green (web)</span><span>lawngreen</span><span>#7CFC00</span><span>rgb(49% 99% 0%)</span><span>hsl(90 100% 49%)</span><span>hsv(90 100% 99%)</span></div>
<div style="background-color:#FFF700;color:#FFF700;" title="Lemon" data-name="Lemon" data-r="100" data-g="97" data-b="0" data-hue="58" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Lemon"><span>Lemon</span><span>#FFF700</span><span>rgb(100% 97% 0%)</span><span>hsl(58 100% 50%)</span><span>hsv(58 100% 100%)</span></div>
<div style="background-color:#FFFACD;color:#FFFACD;" title="Lemon chiffon" data-name="Lemon chiffon (web)" data-r="100" data-g="98" data-b="80" data-hue="54" data-hslsat="100" data-light="90" data-hsvsat="20" data-val="100" data-shortname="Lemonchiffon"><span>Lemon chiffon (web)</span><span>lemonchiffon</span><span>#FFFACD</span><span>rgb(100% 98% 80%)</span><span>hsl(54 100% 90%)</span><span>hsv(54 20% 100%)</span></div>
<div style="background-color:#CCA01D;color:#CCA01D;" title="Lemon curry" data-name="Lemon curry" data-r="80" data-g="63" data-b="11" data-hue="45" data-hslsat="75" data-light="46" data-hsvsat="86" data-val="80" data-shortname="Lemoncurry"><span>Lemon curry</span><span>#CCA01D</span><span>rgb(80% 63% 11%)</span><span>hsl(45 75% 46%)</span><span>hsv(45 86% 80%)</span></div>
<div style="background-color:#FDFF00;color:#FDFF00;" title="Lemon glacier" data-name="Lemon glacier" data-r="99" data-g="100" data-b="0" data-hue="60" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Lemonglacier"><span>Lemon glacier</span><span>#FDFF00</span><span>rgb(99% 100% 0%)</span><span>hsl(60 100% 50%)</span><span>hsv(60 100% 100%)</span></div>
<div style="background-color:#F6EABE;color:#F6EABE;" title="Lemon meringue" data-name="Lemon meringue" data-r="96" data-g="92" data-b="75" data-hue="47" data-hslsat="76" data-light="85" data-hsvsat="23" data-val="96" data-shortname="Lemonmeringue"><span>Lemon meringue</span><span>#F6EABE</span><span>rgb(96% 92% 75%)</span><span>hsl(47 76% 85%)</span><span>hsv(47 23% 96%)</span></div>
<div style="background-color:#FFF44F;color:#FFF44F;" title="Lemon yellow" data-name="Lemon yellow" data-r="100" data-g="96" data-b="31" data-hue="56" data-hslsat="100" data-light="65" data-hsvsat="69" data-val="100" data-shortname="Lemonyellow"><span>Lemon yellow</span><span>#FFF44F</span><span>rgb(100% 96% 31%)</span><span>hsl(56 100% 65%)</span><span>hsv(56 69% 100%)</span></div>
<div style="background-color:#FFFF9F;color:#FFFF9F;" title="Lemon yellow (Crayola)" data-name="Lemon yellow (Crayola)" data-r="100" data-g="100" data-b="62" data-hue="60" data-hslsat="100" data-light="81" data-hsvsat="38" data-val="100" data-shortname="LemonyellowCrayola"><span>Lemon yellow (Crayola)</span><span>#FFFF9F</span><span>rgb(100% 100% 62%)</span><span>hsl(60 100% 81%)</span><span>hsv(60 38% 100%)</span></div>
<div style="background-color:#545AA7;color:#545AA7;" title="Liberty" data-name="Liberty" data-r="33" data-g="35" data-b="65" data-hue="236" data-hslsat="33" data-light="49" data-hsvsat="50" data-val="65" data-shortname="Liberty"><span>Liberty</span><span>#545AA7</span><span>rgb(33% 35% 65%)</span><span>hsl(236 33% 49%)</span><span>hsv(236 50% 65%)</span></div>
<div style="background-color:#ADD8E6;color:#ADD8E6;" title="Light blue" data-name="Light blue (web)" data-r="68" data-g="85" data-b="90" data-hue="195" data-hslsat="53" data-light="79" data-hsvsat="25" data-val="90" data-shortname="Lightblue"><span>Light blue (web)</span><span>lightblue</span><span>#ADD8E6</span><span>rgb(68% 85% 90%)</span><span>hsl(195 53% 79%)</span><span>hsv(195 25% 90%)</span></div>
<div style="background-color:#F08080;color:#F08080;" title="Light coral" data-name="Light coral (web)" data-r="94" data-g="50" data-b="50" data-hue="0" data-hslsat="79" data-light="72" data-hsvsat="47" data-val="94" data-shortname="Lightcoral"><span>Light coral (web)</span><span>lightcoral</span><span>#F08080</span><span>rgb(94% 50% 50%)</span><span>hsl(0 79% 72%)</span><span>hsv(0 47% 94%)</span></div>
<div style="background-color:#93CCEA;color:#93CCEA;" title="Light cornflower blue" data-name="Light cornflower blue" data-r="58" data-g="80" data-b="92" data-hue="201" data-hslsat="67" data-light="75" data-hsvsat="37" data-val="92" data-shortname="Lightcornflowerblue"><span>Light cornflower blue</span><span>#93CCEA</span><span>rgb(58% 80% 92%)</span><span>hsl(201 67% 75%)</span><span>hsv(201 37% 92%)</span></div>
<div style="background-color:#E0FFFF;color:#E0FFFF;" title="Light cyan" data-name="Light cyan (web)" data-r="88" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="94" data-hsvsat="12" data-val="100" data-shortname="Lightcyan"><span>Light cyan (web)</span><span>lightcyan</span><span>#E0FFFF</span><span>rgb(88% 100% 100%)</span><span>hsl(180 100% 94%)</span><span>hsv(180 12% 100%)</span></div>
<div style="background-color:#C8AD7F;color:#C8AD7F;" title="Light French beige" data-name="Light French beige" data-r="78" data-g="68" data-b="50" data-hue="38" data-hslsat="40" data-light="64" data-hsvsat="37" data-val="78" data-shortname="LightFrenchbeige"><span>Light French beige</span><span>#C8AD7F</span><span>rgb(78% 68% 50%)</span><span>hsl(38 40% 64%)</span><span>hsv(38 37% 78%)</span></div>
<div style="background-color:#FAFAD2;color:#FAFAD2;" title="Light goldenrod yellow" data-name="Light goldenrod yellow (web)" data-r="98" data-g="98" data-b="82" data-hue="60" data-hslsat="80" data-light="90" data-hsvsat="16" data-val="98" data-shortname="Lightgoldenrodyellow"><span>Light goldenrod yellow (web)</span><span>lightgoldenrodyellow</span><span>#FAFAD2</span><span>rgb(98% 98% 82%)</span><span>hsl(60 80% 90%)</span><span>hsv(60 16% 98%)</span></div>
<div style="background-color:#D3D3D3;color:#D3D3D3;" title="Light gray" data-name="Light gray (web)" data-r="83" data-g="83" data-b="83" data-hue="—" data-hslsat="0" data-light="83" data-hsvsat="0" data-val="83" data-shortname="Lightgray"><span>Light gray (web)</span><span>lightgray</span><span>#D3D3D3</span><span>rgb(83% 83% 83%)</span><span>hsl(— 0% 83%)</span><span>hsv(— 0% 83%)</span></div>
<div style="background-color:#90EE90;color:#90EE90;" title="Light green" data-name="Light green (web)" data-r="56" data-g="93" data-b="56" data-hue="120" data-hslsat="73" data-light="75" data-hsvsat="39" data-val="93" data-shortname="Lightgreen"><span>Light green (web)</span><span>lightgreen</span><span>#90EE90</span><span>rgb(56% 93% 56%)</span><span>hsl(120 73% 75%)</span><span>hsv(120 39% 93%)</span></div>
<div style="background-color:#FED8B1;color:#FED8B1;" title="Light orange" data-name="Light orange" data-r="100" data-g="85" data-b="69" data-hue="30" data-hslsat="98" data-light="85" data-hsvsat="30" data-val="100" data-shortname="Lightorange"><span>Light orange</span><span>#FED8B1</span><span>rgb(100% 85% 69%)</span><span>hsl(30 98% 85%)</span><span>hsv(30 30% 100%)</span></div>
<div style="background-color:#C5CBE1;color:#C5CBE1;" title="Light periwinkle" data-name="Light periwinkle" data-r="77" data-g="80" data-b="88" data-hue="228" data-hslsat="32" data-light="83" data-hsvsat="12" data-val="88" data-shortname="Lightperiwinkle"><span>Light periwinkle</span><span>#C5CBE1</span><span>rgb(77% 80% 88%)</span><span>hsl(228 32% 83%)</span><span>hsv(228 12% 88%)</span></div>
<div style="background-color:#FFB6C1;color:#FFB6C1;" title="Light pink" data-name="Light pink (web)" data-r="100" data-g="71" data-b="76" data-hue="351" data-hslsat="100" data-light="86" data-hsvsat="29" data-val="100" data-shortname="Lightpink"><span>Light pink (web)</span><span>lightpink</span><span>#FFB6C1</span><span>rgb(100% 71% 76%)</span><span>hsl(351 100% 86%)</span><span>hsv(351 29% 100%)</span></div>
<div style="background-color:#FFA07A;color:#FFA07A;" title="Light salmon" data-name="Light salmon (web)" data-r="100" data-g="63" data-b="48" data-hue="17" data-hslsat="100" data-light="74" data-hsvsat="52" data-val="100" data-shortname="Lightsalmon"><span>Light salmon (web)</span><span>lightsalmon</span><span>#FFA07A</span><span>rgb(100% 63% 48%)</span><span>hsl(17 100% 74%)</span><span>hsv(17 52% 100%)</span></div>
<div style="background-color:#20B2AA;color:#20B2AA;" title="Light sea green" data-name="Light sea green (web)" data-r="13" data-g="70" data-b="67" data-hue="177" data-hslsat="70" data-light="41" data-hsvsat="82" data-val="70" data-shortname="Lightseagreen"><span>Light sea green (web)</span><span>lightseagreen</span><span>#20B2AA</span><span>rgb(13% 70% 67%)</span><span>hsl(177 70% 41%)</span><span>hsv(177 82% 70%)</span></div>
<div style="background-color:#87CEFA;color:#87CEFA;" title="Light sky blue" data-name="Light sky blue (web)" data-r="53" data-g="81" data-b="98" data-hue="203" data-hslsat="92" data-light="75" data-hsvsat="46" data-val="98" data-shortname="Lightskyblue"><span>Light sky blue (web)</span><span>lightskyblue</span><span>#87CEFA</span><span>rgb(53% 81% 98%)</span><span>hsl(203 92% 75%)</span><span>hsv(203 46% 98%)</span></div>
<div style="background-color:#778899;color:#778899;" title="Light slate gray" data-name="Light slate gray (web)" data-r="47" data-g="53" data-b="60" data-hue="210" data-hslsat="14" data-light="53" data-hsvsat="22" data-val="60" data-shortname="Lightslategray"><span>Light slate gray (web)</span><span>lightslategray</span><span>#778899</span><span>rgb(47% 53% 60%)</span><span>hsl(210 14% 53%)</span><span>hsv(210 22% 60%)</span></div>
<div style="background-color:#B0C4DE;color:#B0C4DE;" title="Light steel blue" data-name="Light steel blue (web)" data-r="69" data-g="77" data-b="87" data-hue="214" data-hslsat="41" data-light="78" data-hsvsat="21" data-val="87" data-shortname="Lightsteelblue"><span>Light steel blue (web)</span><span>lightsteelblue</span><span>#B0C4DE</span><span>rgb(69% 77% 87%)</span><span>hsl(214 41% 78%)</span><span>hsv(214 21% 87%)</span></div>
<div style="background-color:#FFFFE0;color:#FFFFE0;" title="Light yellow" data-name="Light yellow (web)" data-r="100" data-g="100" data-b="88" data-hue="60" data-hslsat="100" data-light="94" data-hsvsat="12" data-val="100" data-shortname="Lightyellow"><span>Light yellow (web)</span><span>lightyellow</span><span>#FFFFE0</span><span>rgb(100% 100% 88%)</span><span>hsl(60 100% 94%)</span><span>hsv(60 12% 100%)</span></div>
<div style="background-color:#C8A2C8;color:#C8A2C8;" title="Lilac" data-name="Lilac" data-r="78" data-g="64" data-b="78" data-hue="300" data-hslsat="26" data-light="71" data-hsvsat="19" data-val="78" data-shortname="Lilac"><span>Lilac</span><span>#C8A2C8</span><span>rgb(78% 64% 78%)</span><span>hsl(300 26% 71%)</span><span>hsv(300 19% 78%)</span></div>
<div style="background-color:#AE98AA;color:#AE98AA;" title="Lilac Luster" data-name="Lilac Luster" data-r="68" data-g="60" data-b="67" data-hue="311" data-hslsat="12" data-light="64" data-hsvsat="13" data-val="68" data-shortname="LilacLuster"><span>Lilac Luster</span><span>#AE98AA</span><span>rgb(68% 60% 67%)</span><span>hsl(311 12% 64%)</span><span>hsv(311 13% 68%)</span></div>
<div style="background-color:#BFFF00;color:#BFFF00;" title="Lime (color wheel)" data-name="Lime (color wheel)" data-r="75" data-g="100" data-b="0" data-hue="75" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Limecolorwheel"><span>Lime (color wheel)</span><span>#BFFF00</span><span>rgb(75% 100% 0%)</span><span>hsl(75 100% 50%)</span><span>hsv(75 100% 100%)</span></div>
<div style="background-color:#00FF00;color:#00FF00;" title="Lime (web) (X11 green)" data-name="Lime (web) (X11 green)" data-r="0" data-g="100" data-b="0" data-hue="120" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="LimewebXgreen"><span>Lime (web) (X11 green)</span><span>lime</span></span><span>#00FF00</span><span>rgb(0% 100% 0%)</span><span>hsl(120 100% 50%)</span><span>hsv(120 100% 100%)</span></div>
<div style="background-color:#32CD32;color:#32CD32;" title="Lime green" data-name="Lime green (web)" data-r="20" data-g="80" data-b="20" data-hue="120" data-hslsat="61" data-light="50" data-hsvsat="76" data-val="80" data-shortname="Limegreen"><span>Lime green (web)</span><span>limegreen</span><span>#32CD32</span><span>rgb(20% 80% 20%)</span><span>hsl(120 61% 50%)</span><span>hsv(120 76% 80%)</span></div>
<div style="background-color:#195905;color:#195905;" title="Lincoln green" data-name="Lincoln green" data-r="10" data-g="35" data-b="2" data-hue="106" data-hslsat="89" data-light="18" data-hsvsat="94" data-val="35" data-shortname="Lincolngreen"><span>Lincoln green</span><span>#195905</span><span>rgb(10% 35% 2%)</span><span>hsl(106 89% 18%)</span><span>hsv(106 94% 35%)</span></div>
<div style="background-color:#FAF0E6;color:#FAF0E6;" title="Linen" data-name="Linen (web)" data-r="98" data-g="94" data-b="90" data-hue="30" data-hslsat="67" data-light="94" data-hsvsat="8" data-val="98" data-shortname="Linen"><span>Linen (web)</span><span>linen</span><span>#FAF0E6</span><span>rgb(98% 94% 90%)</span><span>hsl(30 67% 94%)</span><span>hsv(30 8% 98%)</span></div>
<div style="background-color:#C19A6B;color:#C19A6B;" title="Lion" data-name="Lion" data-r="76" data-g="60" data-b="42" data-hue="33" data-hslsat="41" data-light="59" data-hsvsat="45" data-val="76" data-shortname="Lion"><span>Lion</span><span>#C19A6B</span><span>rgb(76% 60% 42%)</span><span>hsl(33 41% 59%)</span><span>hsv(33 45% 76%)</span></div>
<div style="background-color:#DE6FA1;color:#DE6FA1;" title="Liseran purple" data-name="Liseran purple" data-r="87" data-g="44" data-b="63" data-hue="333" data-hslsat="63" data-light="65" data-hsvsat="50" data-val="87" data-shortname="Liseranpurple"><span>Liseran purple</span><span>#DE6FA1</span><span>rgb(87% 44% 63%)</span><span>hsl(333 63% 65%)</span><span>hsv(333 50% 87%)</span></div>
<div style="background-color:#6CA0DC;color:#6CA0DC;" title="Little boy blue" data-name="Little boy blue" data-r="42" data-g="63" data-b="86" data-hue="212" data-hslsat="62" data-light="64" data-hsvsat="51" data-val="86" data-shortname="Littleboyblue"><span>Little boy blue</span><span>#6CA0DC</span><span>rgb(42% 63% 86%)</span><span>hsl(212 62% 64%)</span><span>hsv(212 51% 86%)</span></div>
<div style="background-color:#674C47;color:#674C47;" title="Liver" data-name="Liver" data-r="40" data-g="30" data-b="28" data-hue="9" data-hslsat="18" data-light="34" data-hsvsat="31" data-val="40" data-shortname="Liver"><span>Liver</span><span>#674C47</span><span>rgb(40% 30% 28%)</span><span>hsl(9 18% 34%)</span><span>hsv(9 31% 40%)</span></div>
<div style="background-color:#B86D29;color:#B86D29;" title="Liver (dogs)" data-name="Liver (dogs)" data-r="72" data-g="43" data-b="16" data-hue="29" data-hslsat="64" data-light="44" data-hsvsat="78" data-val="72" data-shortname="Liverdogs"><span>Liver (dogs)</span><span>#B86D29</span><span>rgb(72% 43% 16%)</span><span>hsl(29 64% 44%)</span><span>hsv(29 78% 72%)</span></div>
<div style="background-color:#6C2E1F;color:#6C2E1F;" title="Liver (organ)" data-name="Liver (organ)" data-r="42" data-g="18" data-b="12" data-hue="12" data-hslsat="55" data-light="27" data-hsvsat="71" data-val="42" data-shortname="Liverorgan"><span>Liver (organ)</span><span>#6C2E1F</span><span>rgb(42% 18% 12%)</span><span>hsl(12 55% 27%)</span><span>hsv(12 71% 42%)</span></div>
<div style="background-color:#987456;color:#987456;" title="Liver chestnut" data-name="Liver chestnut" data-r="60" data-g="45" data-b="34" data-hue="27" data-hslsat="28" data-light="47" data-hsvsat="43" data-val="60" data-shortname="Liverchestnut"><span>Liver chestnut</span><span>#987456</span><span>rgb(60% 45% 34%)</span><span>hsl(27 28% 47%)</span><span>hsv(27 43% 60%)</span></div>
<div style="background-color:#6699CC;color:#6699CC;" title="Livid" data-name="Livid" data-r="40" data-g="60" data-b="80" data-hue="210" data-hslsat="50" d.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0