Color names

Name Demo Hex RGB CSS
Blue Colors
Navy #000080 0.0.128 .myTextByColorName {color: Navy;}
.myBorderByHex {border: .2rem solid #000080}
.myBackgroundByRgb {background-color: rgb(0,0,128);}
DarkBlue #00008B 0.0.139 .myTextByColorName {color: DarkBlue;}
.myBorderByHex {border: .2rem solid #00008B}
.myBackgroundByRgb {background-color: rgb(0,0,139);}
MediumBlue #0000CD 0.0.205 .myTextByColorName {color: MediumBlue;}
.myBorderByHex {border: .2rem solid #0000CD}
.myBackgroundByRgb {background-color: rgb(0,0,205);}
Blue #0000FF 0.0.255 .myTextByColorName {color: Blue;}
.myBorderByHex {border: .2rem solid #0000FF}
.myBackgroundByRgb {background-color: rgb(0,0,255);}
DeepSkyBlue #00BFFF 0.191.255 .myTextByColorName {color: DeepSkyBlue;}
.myBorderByHex {border: .2rem solid #00BFFF}
.myBackgroundByRgb {background-color: rgb(0,191,255);}
DarkTurquoise #00CED1 0.206.209 .myTextByColorName {color: DarkTurquoise;}
.myBorderByHex {border: .2rem solid #00CED1}
.myBackgroundByRgb {background-color: rgb(0,206,209);}
Aqua #00FFFF 0.255.255 .myTextByColorName {color: Aqua;}
.myBorderByHex {border: .2rem solid #00FFFF}
.myBackgroundByRgb {background-color: rgb(0,255,255);}
MidnightBlue #191970 25.25.112 .myTextByColorName {color: MidnightBlue;}
.myBorderByHex {border: .2rem solid #191970}
.myBackgroundByRgb {background-color: rgb(25,25,112);}
DodgerBlue #1E90FF 30.144.255 .myTextByColorName {color: DodgerBlue;}
.myBorderByHex {border: .2rem solid #1E90FF}
.myBackgroundByRgb {background-color: rgb(30,144,255);}
Turquoise #40E0D0 64.224.208 .myTextByColorName {color: Turquoise;}
.myBorderByHex {border: .2rem solid #40E0D0}
.myBackgroundByRgb {background-color: rgb(64,224,208);}
RoyalBlue #4169E1 65.105.225 .myTextByColorName {color: RoyalBlue;}
.myBorderByHex {border: .2rem solid #4169E1}
.myBackgroundByRgb {background-color: rgb(65,105,225);}
SteelBlue #4682B4 70.130.180 .myTextByColorName {color: SteelBlue;}
.myBorderByHex {border: .2rem solid #4682B4}
.myBackgroundByRgb {background-color: rgb(70,130,180);}
MediumTurquoise #48D1CC 72.209.204 .myTextByColorName {color: MediumTurquoise;}
.myBorderByHex {border: .2rem solid #48D1CC}
.myBackgroundByRgb {background-color: rgb(72,209,204);}
CadetBlue #5F9EA0 95.158.160 .myTextByColorName {color: CadetBlue;}
.myBorderByHex {border: .2rem solid #5F9EA0}
.myBackgroundByRgb {background-color: rgb(95,158,160);}
CornflowerBlue #6495ED 100.149.237 .myTextByColorName {color: CornflowerBlue;}
.myBorderByHex {border: .2rem solid #6495ED}
.myBackgroundByRgb {background-color: rgb(100,149,237);}
MediumSlateBlue #7B68EE 123.104.238 .myTextByColorName {color: MediumSlateBlue;}
.myBorderByHex {border: .2rem solid #7B68EE}
.myBackgroundByRgb {background-color: rgb(123,104,238);}
Aquamarine #7FFFD4 127.255.212 .myTextByColorName {color: Aquamarine;}
.myBorderByHex {border: .2rem solid #7FFFD4}
.myBackgroundByRgb {background-color: rgb(127,255,212);}
SkyBlue #87CEEB 135.206.235 .myTextByColorName {color: SkyBlue;}
.myBorderByHex {border: .2rem solid #87CEEB}
.myBackgroundByRgb {background-color: rgb(135,206,235);}
LightSkyBlue #87CEFA 135.206.250 .myTextByColorName {color: LightSkyBlue;}
.myBorderByHex {border: .2rem solid #87CEFA}
.myBackgroundByRgb {background-color: rgb(135,206,250);}
LightBlue #ADD8E6 173.216.230 .myTextByColorName {color: LightBlue;}
.myBorderByHex {border: .2rem solid #ADD8E6}
.myBackgroundByRgb {background-color: rgb(173,216,230);}
PaleTurquoise #AFEEEE 175.238.238 .myTextByColorName {color: PaleTurquoise;}
.myBorderByHex {border: .2rem solid #AFEEEE}
.myBackgroundByRgb {background-color: rgb(175,238,238);}
LightSteelBlue #B0C4DE 176.196.222 .myTextByColorName {color: LightSteelBlue;}
.myBorderByHex {border: .2rem solid #B0C4DE}
.myBackgroundByRgb {background-color: rgb(176,196,222);}
PowderBlue #B0E0E6 176.224.230 .myTextByColorName {color: PowderBlue;}
.myBorderByHex {border: .2rem solid #B0E0E6}
.myBackgroundByRgb {background-color: rgb(176,224,230);}
LightCyan #E0FFFF 224.255.255 .myTextByColorName {color: LightCyan;}
.myBorderByHex {border: .2rem solid #E0FFFF}
.myBackgroundByRgb {background-color: rgb(224,255,255);}
Brown Colors
Maroon #800000 128.0.0 .myTextByColorName {color: Maroon;}
.myBorderByHex {border: .2rem solid #800000}
.myBackgroundByRgb {background-color: rgb(128,0,0);}
SaddleBrown #8B4513 139.69.19 .myTextByColorName {color: SaddleBrown;}
.myBorderByHex {border: .2rem solid #8B4513}
.myBackgroundByRgb {background-color: rgb(139,69,19);}
Sienna #A0522D 160.82.45 .myTextByColorName {color: Sienna;}
.myBorderByHex {border: .2rem solid #A0522D}
.myBackgroundByRgb {background-color: rgb(160,82,45);}
Brown #A52A2A 165.42.42 .myTextByColorName {color: Brown;}
.myBorderByHex {border: .2rem solid #A52A2A}
.myBackgroundByRgb {background-color: rgb(165,42,42);}
DarkGoldenrod #B8860B 184.134.11 .myTextByColorName {color: DarkGoldenrod;}
.myBorderByHex {border: .2rem solid #B8860B}
.myBackgroundByRgb {background-color: rgb(184,134,11);}
RosyBrown #BC8F8F 188.143.143 .myTextByColorName {color: RosyBrown;}
.myBorderByHex {border: .2rem solid #BC8F8F}
.myBackgroundByRgb {background-color: rgb(188,143,143);}
Peru #CD853F 205.133.63 .myTextByColorName {color: Peru;}
.myBorderByHex {border: .2rem solid #CD853F}
.myBackgroundByRgb {background-color: rgb(205,133,63);}
Chocolate #D2691E 210.105.30 .myTextByColorName {color: Chocolate;}
.myBorderByHex {border: .2rem solid #D2691E}
.myBackgroundByRgb {background-color: rgb(210,105,30);}
Tan #D2B48C 210.180.140 .myTextByColorName {color: Tan;}
.myBorderByHex {border: .2rem solid #D2B48C}
.myBackgroundByRgb {background-color: rgb(210,180,140);}
Goldenrod #DAA520 218.165.32 .myTextByColorName {color: Goldenrod;}
.myBorderByHex {border: .2rem solid #DAA520}
.myBackgroundByRgb {background-color: rgb(218,165,32);}
BurlyWood #DEB887 222.184.135 .myTextByColorName {color: BurlyWood;}
.myBorderByHex {border: .2rem solid #DEB887}
.myBackgroundByRgb {background-color: rgb(222,184,135);}
SandyBrown #F4A460 244.164.96 .myTextByColorName {color: SandyBrown;}
.myBorderByHex {border: .2rem solid #F4A460}
.myBackgroundByRgb {background-color: rgb(244,164,96);}
Wheat #F5DEB3 245.222.179 .myTextByColorName {color: Wheat;}
.myBorderByHex {border: .2rem solid #F5DEB3}
.myBackgroundByRgb {background-color: rgb(245,222,179);}
NavajoWhite #FFDEAD 255.222.173 .myTextByColorName {color: NavajoWhite;}
.myBorderByHex {border: .2rem solid #FFDEAD}
.myBackgroundByRgb {background-color: rgb(255,222,173);}
Bisque #FFE4C4 255.228.196 .myTextByColorName {color: Bisque;}
.myBorderByHex {border: .2rem solid #FFE4C4}
.myBackgroundByRgb {background-color: rgb(255,228,196);}
BlanchedAlmond #FFEBCD 255.235.205 .myTextByColorName {color: BlanchedAlmond;}
.myBorderByHex {border: .2rem solid #FFEBCD}
.myBackgroundByRgb {background-color: rgb(255,235,205);}
Cornsilk #FFF8DC 255.248.220 .myTextByColorName {color: Cornsilk;}
.myBorderByHex {border: .2rem solid #FFF8DC}
.myBackgroundByRgb {background-color: rgb(255,248,220);}
Gray Colors
Black #000000 0.0.0 .myTextByColorName {color: Black;}
.myBorderByHex {border: .2rem solid #000000}
.myBackgroundByRgb {background-color: rgb(0,0,0);}
DarkSlateGray #2F4F4F 47.79.79 .myTextByColorName {color: DarkSlateGray;}
.myBorderByHex {border: .2rem solid #2F4F4F}
.myBackgroundByRgb {background-color: rgb(47,79,79);}
DimGray #696969 105.105.105 .myTextByColorName {color: DimGray;}
.myBorderByHex {border: .2rem solid #696969}
.myBackgroundByRgb {background-color: rgb(105,105,105);}
SlateGray #708090 112.128.144 .myTextByColorName {color: SlateGray;}
.myBorderByHex {border: .2rem solid #708090}
.myBackgroundByRgb {background-color: rgb(112,128,144);}
LightSlateGray #778899 119.136.153 .myTextByColorName {color: LightSlateGray;}
.myBorderByHex {border: .2rem solid #778899}
.myBackgroundByRgb {background-color: rgb(119,136,153);}
Gray #808080 128.128.128 .myTextByColorName {color: Gray;}
.myBorderByHex {border: .2rem solid #808080}
.myBackgroundByRgb {background-color: rgb(128,128,128);}
DarkGray #A9A9A9 169.169.169 .myTextByColorName {color: DarkGray;}
.myBorderByHex {border: .2rem solid #A9A9A9}
.myBackgroundByRgb {background-color: rgb(169,169,169);}
Silver #C0C0C0 192.192.192 .myTextByColorName {color: Silver;}
.myBorderByHex {border: .2rem solid #C0C0C0}
.myBackgroundByRgb {background-color: rgb(192,192,192);}
LightGray #D3D3D3 211.211.211 .myTextByColorName {color: LightGray;}
.myBorderByHex {border: .2rem solid #D3D3D3}
.myBackgroundByRgb {background-color: rgb(211,211,211);}
Gainsboro #DCDCDC 220.220.220 .myTextByColorName {color: Gainsboro;}
.myBorderByHex {border: .2rem solid #DCDCDC}
.myBackgroundByRgb {background-color: rgb(220,220,220);}
Green Colors
DarkGreen #006400 0.100.0 .myTextByColorName {color: DarkGreen;}
.myBorderByHex {border: .2rem solid #006400}
.myBackgroundByRgb {background-color: rgb(0,100,0);}
Green #008000 0.128.0 .myTextByColorName {color: Green;}
.myBorderByHex {border: .2rem solid #008000}
.myBackgroundByRgb {background-color: rgb(0,128,0);}
Teal #008080 0.128.128 .myTextByColorName {color: Teal;}
.myBorderByHex {border: .2rem solid #008080}
.myBackgroundByRgb {background-color: rgb(0,128,128);}
DarkCyan #008B8B 0.139.139 .myTextByColorName {color: DarkCyan;}
.myBorderByHex {border: .2rem solid #008B8B}
.myBackgroundByRgb {background-color: rgb(0,139,139);}
MediumSpringGreen #00FA9A 0.250.154 .myTextByColorName {color: MediumSpringGreen;}
.myBorderByHex {border: .2rem solid #00FA9A}
.myBackgroundByRgb {background-color: rgb(0,250,154);}
Lime #00FF00 0.255.0 .myTextByColorName {color: Lime;}
.myBorderByHex {border: .2rem solid #00FF00}
.myBackgroundByRgb {background-color: rgb(0,255,0);}
SpringGreen #00FF7F 0.255.127 .myTextByColorName {color: SpringGreen;}
.myBorderByHex {border: .2rem solid #00FF7F}
.myBackgroundByRgb {background-color: rgb(0,255,127);}
LightSeaGreen #20B2AA 32.178.170 .myTextByColorName {color: LightSeaGreen;}
.myBorderByHex {border: .2rem solid #20B2AA}
.myBackgroundByRgb {background-color: rgb(32,178,170);}
ForestGreen #228B22 34.139.34 .myTextByColorName {color: ForestGreen;}
.myBorderByHex {border: .2rem solid #228B22}
.myBackgroundByRgb {background-color: rgb(34,139,34);}
SeaGreen #2E8B57 46.139.87 .myTextByColorName {color: SeaGreen;}
.myBorderByHex {border: .2rem solid #2E8B57}
.myBackgroundByRgb {background-color: rgb(46,139,87);}
LimeGreen #32CD32 50.205.50 .myTextByColorName {color: LimeGreen;}
.myBorderByHex {border: .2rem solid #32CD32}
.myBackgroundByRgb {background-color: rgb(50,205,50);}
MediumSeaGreen #3CB371 60.179.113 .myTextByColorName {color: MediumSeaGreen;}
.myBorderByHex {border: .2rem solid #3CB371}
.myBackgroundByRgb {background-color: rgb(60,179,113);}
DarkOliveGreen #556B2F 85.107.47 .myTextByColorName {color: DarkOliveGreen;}
.myBorderByHex {border: .2rem solid #556B2F}
.myBackgroundByRgb {background-color: rgb(85,107,47);}
MediumAquamarine #66CDAA 102.205.170 .myTextByColorName {color: MediumAquamarine;}
.myBorderByHex {border: .2rem solid #66CDAA}
.myBackgroundByRgb {background-color: rgb(102,205,170);}
OliveDrab #6B8E23 107.142.35 .myTextByColorName {color: OliveDrab;}
.myBorderByHex {border: .2rem solid #6B8E23}
.myBackgroundByRgb {background-color: rgb(107,142,35);}
LawnGreen #7CFC00 124.252.0 .myTextByColorName {color: LawnGreen;}
.myBorderByHex {border: .2rem solid #7CFC00}
.myBackgroundByRgb {background-color: rgb(124,252,0);}
Chartreuse #7FFF00 127.255.0 .myTextByColorName {color: Chartreuse;}
.myBorderByHex {border: .2rem solid #7FFF00}
.myBackgroundByRgb {background-color: rgb(127,255,0);}
Olive #808000 128.128.0 .myTextByColorName {color: Olive;}
.myBorderByHex {border: .2rem solid #808000}
.myBackgroundByRgb {background-color: rgb(128,128,0);}
DarkSeaGreen #8FBC8F 143.188.143 .myTextByColorName {color: DarkSeaGreen;}
.myBorderByHex {border: .2rem solid #8FBC8F}
.myBackgroundByRgb {background-color: rgb(143,188,143);}
LightGreen #90EE90 144.238.144 .myTextByColorName {color: LightGreen;}
.myBorderByHex {border: .2rem solid #90EE90}
.myBackgroundByRgb {background-color: rgb(144,238,144);}
PaleGreen #98FB98 152.251.152 .myTextByColorName {color: PaleGreen;}
.myBorderByHex {border: .2rem solid #98FB98}
.myBackgroundByRgb {background-color: rgb(152,251,152);}
YellowGreen #9ACD32 154.205.50 .myTextByColorName {color: YellowGreen;}
.myBorderByHex {border: .2rem solid #9ACD32}
.myBackgroundByRgb {background-color: rgb(154,205,50);}
GreenYellow #ADFF2F 173.255.47 .myTextByColorName {color: GreenYellow;}
.myBorderByHex {border: .2rem solid #ADFF2F}
.myBackgroundByRgb {background-color: rgb(173,255,47);}
Orange Colors
OrangeRed #FF4500 255.69.0 .myTextByColorName {color: OrangeRed;}
.myBorderByHex {border: .2rem solid #FF4500}
.myBackgroundByRgb {background-color: rgb(255,69,0);}
Tomato #FF6347 255.99.71 .myTextByColorName {color: Tomato;}
.myBorderByHex {border: .2rem solid #FF6347}
.myBackgroundByRgb {background-color: rgb(255,99,71);}
Coral #FF7F50 255.127.80 .myTextByColorName {color: Coral;}
.myBorderByHex {border: .2rem solid #FF7F50}
.myBackgroundByRgb {background-color: rgb(255,127,80);}
DarkOrange #FF8C00 255.140.0 .myTextByColorName {color: DarkOrange;}
.myBorderByHex {border: .2rem solid #FF8C00}
.myBackgroundByRgb {background-color: rgb(255,140,0);}
Orange #FFA500 255.165.0 .myTextByColorName {color: Orange;}
.myBorderByHex {border: .2rem solid #FFA500}
.myBackgroundByRgb {background-color: rgb(255,165,0);}
Pink Colors
MediumVioletRed #C71585 199.21.133 .myTextByColorName {color: MediumVioletRed;}
.myBorderByHex {border: .2rem solid #C71585}
.myBackgroundByRgb {background-color: rgb(199,21,133);}
PaleVioletRed #DB7093 219.112.147 .myTextByColorName {color: PaleVioletRed;}
.myBorderByHex {border: .2rem solid #DB7093}
.myBackgroundByRgb {background-color: rgb(219,112,147);}
DeepPink #FF1493 255.20.147 .myTextByColorName {color: DeepPink;}
.myBorderByHex {border: .2rem solid #FF1493}
.myBackgroundByRgb {background-color: rgb(255,20,147);}
HotPink #FF69B4 255.105.180 .myTextByColorName {color: HotPink;}
.myBorderByHex {border: .2rem solid #FF69B4}
.myBackgroundByRgb {background-color: rgb(255,105,180);}
LightPink #FFB6C1 255.182.193 .myTextByColorName {color: LightPink;}
.myBorderByHex {border: .2rem solid #FFB6C1}
.myBackgroundByRgb {background-color: rgb(255,182,193);}
Pink #FFC0CB 255.192.203 .myTextByColorName {color: Pink;}
.myBorderByHex {border: .2rem solid #FFC0CB}
.myBackgroundByRgb {background-color: rgb(255,192,203);}
Red Colors
DarkRed #8B0000 139.0.0 .myTextByColorName {color: DarkRed;}
.myBorderByHex {border: .2rem solid #8B0000}
.myBackgroundByRgb {background-color: rgb(139,0,0);}
FireBrick #B22222 178.34.34 .myTextByColorName {color: FireBrick;}
.myBorderByHex {border: .2rem solid #B22222}
.myBackgroundByRgb {background-color: rgb(178,34,34);}
IndianRed #CD5C5C 205.92.92 .myTextByColorName {color: IndianRed;}
.myBorderByHex {border: .2rem solid #CD5C5C}
.myBackgroundByRgb {background-color: rgb(205,92,92);}
Crimson #DC143C 220.20.60 .myTextByColorName {color: Crimson;}
.myBorderByHex {border: .2rem solid #DC143C}
.myBackgroundByRgb {background-color: rgb(220,20,60);}
DarkSalmon #E9967A 233.150.122 .myTextByColorName {color: DarkSalmon;}
.myBorderByHex {border: .2rem solid #E9967A}
.myBackgroundByRgb {background-color: rgb(233,150,122);}
LightCoral #F08080 240.128.128 .myTextByColorName {color: LightCoral;}
.myBorderByHex {border: .2rem solid #F08080}
.myBackgroundByRgb {background-color: rgb(240,128,128);}
Salmon #FA8072 250.128.114 .myTextByColorName {color: Salmon;}
.myBorderByHex {border: .2rem solid #FA8072}
.myBackgroundByRgb {background-color: rgb(250,128,114);}
Red #FF0000 255.0.0 .myTextByColorName {color: Red;}
.myBorderByHex {border: .2rem solid #FF0000}
.myBackgroundByRgb {background-color: rgb(255,0,0);}
LightSalmon #FFA07A 255.160.122 .myTextByColorName {color: LightSalmon;}
.myBorderByHex {border: .2rem solid #FFA07A}
.myBackgroundByRgb {background-color: rgb(255,160,122);}
Violet Colors
DarkSlateBlue #483D8B 72.61.139 .myTextByColorName {color: DarkSlateBlue;}
.myBorderByHex {border: .2rem solid #483D8B}
.myBackgroundByRgb {background-color: rgb(72,61,139);}
Indigo #4B0082 75.0.130 .myTextByColorName {color: Indigo;}
.myBorderByHex {border: .2rem solid #4B0082}
.myBackgroundByRgb {background-color: rgb(75,0,130);}
SlateBlue #6A5ACD 106.90.205 .myTextByColorName {color: SlateBlue;}
.myBorderByHex {border: .2rem solid #6A5ACD}
.myBackgroundByRgb {background-color: rgb(106,90,205);}
Purple #800080 128.0.128 .myTextByColorName {color: Purple;}
.myBorderByHex {border: .2rem solid #800080}
.myBackgroundByRgb {background-color: rgb(128,0,128);}
BlueViolet #8A2BE2 138.43.226 .myTextByColorName {color: BlueViolet;}
.myBorderByHex {border: .2rem solid #8A2BE2}
.myBackgroundByRgb {background-color: rgb(138,43,226);}
DarkMagenta #8B008B 139.0.139 .myTextByColorName {color: DarkMagenta;}
.myBorderByHex {border: .2rem solid #8B008B}
.myBackgroundByRgb {background-color: rgb(139,0,139);}
MediumPurple #9370DB 147.112.219 .myTextByColorName {color: MediumPurple;}
.myBorderByHex {border: .2rem solid #9370DB}
.myBackgroundByRgb {background-color: rgb(147,112,219);}
DarkViolet #9400D3 148.0.211 .myTextByColorName {color: DarkViolet;}
.myBorderByHex {border: .2rem solid #9400D3}
.myBackgroundByRgb {background-color: rgb(148,0,211);}
DarkOrchid #9932CC 153.50.204 .myTextByColorName {color: DarkOrchid;}
.myBorderByHex {border: .2rem solid #9932CC}
.myBackgroundByRgb {background-color: rgb(153,50,204);}
MediumOrchid #BA55D3 186.85.211 .myTextByColorName {color: MediumOrchid;}
.myBorderByHex {border: .2rem solid #BA55D3}
.myBackgroundByRgb {background-color: rgb(186,85,211);}
Thistle #D8BFD8 216.191.216 .myTextByColorName {color: Thistle;}
.myBorderByHex {border: .2rem solid #D8BFD8}
.myBackgroundByRgb {background-color: rgb(216,191,216);}
Orchid #DA70D6 218.112.214 .myTextByColorName {color: Orchid;}
.myBorderByHex {border: .2rem solid #DA70D6}
.myBackgroundByRgb {background-color: rgb(218,112,214);}
Plum #DDA0DD 221.160.221 .myTextByColorName {color: Plum;}
.myBorderByHex {border: .2rem solid #DDA0DD}
.myBackgroundByRgb {background-color: rgb(221,160,221);}
Lavender #E6E6FA 230.230.250 .myTextByColorName {color: Lavender;}
.myBorderByHex {border: .2rem solid #E6E6FA}
.myBackgroundByRgb {background-color: rgb(230,230,250);}
Violet #EE82EE 238.130.238 .myTextByColorName {color: Violet;}
.myBorderByHex {border: .2rem solid #EE82EE}
.myBackgroundByRgb {background-color: rgb(238,130,238);}
Fuchsia(Magenta) #FF00FF 255.0.255 .myTextByColorName {color: Fuchsia(Magenta);}
.myBorderByHex {border: .2rem solid #FF00FF}
.myBackgroundByRgb {background-color: rgb(255,0,255);}
White Colors
AliceBlue #F0F8FF 240.248.255 .myTextByColorName {color: AliceBlue;}
.myBorderByHex {border: .2rem solid #F0F8FF}
.myBackgroundByRgb {background-color: rgb(240,248,255);}
Honeydew #F0FFF0 240.255.240 .myTextByColorName {color: Honeydew;}
.myBorderByHex {border: .2rem solid #F0FFF0}
.myBackgroundByRgb {background-color: rgb(240,255,240);}
Azure #F0FFFF 240.255.255 .myTextByColorName {color: Azure;}
.myBorderByHex {border: .2rem solid #F0FFFF}
.myBackgroundByRgb {background-color: rgb(240,255,255);}
Beige #F5F5DC 245.245.220 .myTextByColorName {color: Beige;}
.myBorderByHex {border: .2rem solid #F5F5DC}
.myBackgroundByRgb {background-color: rgb(245,245,220);}
WhiteSmoke #F5F5F5 245.245.245 .myTextByColorName {color: WhiteSmoke;}
.myBorderByHex {border: .2rem solid #F5F5F5}
.myBackgroundByRgb {background-color: rgb(245,245,245);}
MintCream #F5FFFA 245.255.250 .myTextByColorName {color: MintCream;}
.myBorderByHex {border: .2rem solid #F5FFFA}
.myBackgroundByRgb {background-color: rgb(245,255,250);}
GhostWhite #F8F8FF 248.248.255 .myTextByColorName {color: GhostWhite;}
.myBorderByHex {border: .2rem solid #F8F8FF}
.myBackgroundByRgb {background-color: rgb(248,248,255);}
AntiqueWhite #FAEBD7 250.235.215 .myTextByColorName {color: AntiqueWhite;}
.myBorderByHex {border: .2rem solid #FAEBD7}
.myBackgroundByRgb {background-color: rgb(250,235,215);}
Linen #FAF0E6 250.240.230 .myTextByColorName {color: Linen;}
.myBorderByHex {border: .2rem solid #FAF0E6}
.myBackgroundByRgb {background-color: rgb(250,240,230);}
OldLace #FDF5E6 253.245.230 .myTextByColorName {color: OldLace;}
.myBorderByHex {border: .2rem solid #FDF5E6}
.myBackgroundByRgb {background-color: rgb(253,245,230);}
MistyRose #FFE4E1 255.228.225 .myTextByColorName {color: MistyRose;}
.myBorderByHex {border: .2rem solid #FFE4E1}
.myBackgroundByRgb {background-color: rgb(255,228,225);}
LavenderBlush #FFF0F5 255.240.245 .myTextByColorName {color: LavenderBlush;}
.myBorderByHex {border: .2rem solid #FFF0F5}
.myBackgroundByRgb {background-color: rgb(255,240,245);}
Seashell #FFF5EE 255.245.238 .myTextByColorName {color: Seashell;}
.myBorderByHex {border: .2rem solid #FFF5EE}
.myBackgroundByRgb {background-color: rgb(255,245,238);}
FloralWhite #FFFAF0 255.250.240 .myTextByColorName {color: FloralWhite;}
.myBorderByHex {border: .2rem solid #FFFAF0}
.myBackgroundByRgb {background-color: rgb(255,250,240);}
Snow #FFFAFA 255.250.250 .myTextByColorName {color: Snow;}
.myBorderByHex {border: .2rem solid #FFFAFA}
.myBackgroundByRgb {background-color: rgb(255,250,250);}
Ivory #FFFFF0 255.255.240 .myTextByColorName {color: Ivory;}
.myBorderByHex {border: .2rem solid #FFFFF0}
.myBackgroundByRgb {background-color: rgb(255,255,240);}
White #FFFFFF 255.255.255 .myTextByColorName {color: White;}
.myBorderByHex {border: .2rem solid #FFFFFF}
.myBackgroundByRgb {background-color: rgb(255,255,255);}
Yellow Colors
DarkKhaki #BDB76B 189.183.107 .myTextByColorName {color: DarkKhaki;}
.myBorderByHex {border: .2rem solid #BDB76B}
.myBackgroundByRgb {background-color: rgb(189,183,107);}
PaleGoldenrod #EEE8AA 238.232.170 .myTextByColorName {color: PaleGoldenrod;}
.myBorderByHex {border: .2rem solid #EEE8AA}
.myBackgroundByRgb {background-color: rgb(238,232,170);}
Khaki #F0E68C 240.230.140 .myTextByColorName {color: Khaki;}
.myBorderByHex {border: .2rem solid #F0E68C}
.myBackgroundByRgb {background-color: rgb(240,230,140);}
LightGoldenrodYellow #FAFAD2 250.250.210 .myTextByColorName {color: LightGoldenrodYellow;}
.myBorderByHex {border: .2rem solid #FAFAD2}
.myBackgroundByRgb {background-color: rgb(250,250,210);}
Gold #FFD700 255.215.0 .myTextByColorName {color: Gold;}
.myBorderByHex {border: .2rem solid #FFD700}
.myBackgroundByRgb {background-color: rgb(255,215,0);}
PeachPuff #FFDAB9 255.218.185 .myTextByColorName {color: PeachPuff;}
.myBorderByHex {border: .2rem solid #FFDAB9}
.myBackgroundByRgb {background-color: rgb(255,218,185);}
Moccasin #FFE4B5 255.228.181 .myTextByColorName {color: Moccasin;}
.myBorderByHex {border: .2rem solid #FFE4B5}
.myBackgroundByRgb {background-color: rgb(255,228,181);}
PapayaWhip #FFEFD5 255.239.213 .myTextByColorName {color: PapayaWhip;}
.myBorderByHex {border: .2rem solid #FFEFD5}
.myBackgroundByRgb {background-color: rgb(255,239,213);}
LemonChiffon #FFFACD 255.250.205 .myTextByColorName {color: LemonChiffon;}
.myBorderByHex {border: .2rem solid #FFFACD}
.myBackgroundByRgb {background-color: rgb(255,250,205);}
Yellow #FFFF00 255.255.0 .myTextByColorName {color: Yellow;}
.myBorderByHex {border: .2rem solid #FFFF00}
.myBackgroundByRgb {background-color: rgb(255,255,0);}
LightYellow #FFFFE0 255.255.224 .myTextByColorName {color: LightYellow;}
.myBorderByHex {border: .2rem solid #FFFFE0}
.myBackgroundByRgb {background-color: rgb(255,255,224);}
↑