Color names

Blue Colors

NameDemoHexRGBCSS
Navy#0000800.0.128
.myTextByColorName {color: Navy;}
.myBorderByHex {border: 1px solid #000080}
.myBackgroundByRgb {background-color: rgb(0,0,128);}
DarkBlue#00008B0.0.139
.myTextByColorName {color: DarkBlue;}
.myBorderByHex {border: 1px solid #00008B}
.myBackgroundByRgb {background-color: rgb(0,0,139);}
MediumBlue#0000CD0.0.205
.myTextByColorName {color: MediumBlue;}
.myBorderByHex {border: 1px solid #0000CD}
.myBackgroundByRgb {background-color: rgb(0,0,205);}
Blue#0000FF0.0.255
.myTextByColorName {color: Blue;}
.myBorderByHex {border: 1px solid #0000FF}
.myBackgroundByRgb {background-color: rgb(0,0,255);}
DeepSkyBlue#00BFFF0.191.255
.myTextByColorName {color: DeepSkyBlue;}
.myBorderByHex {border: 1px solid #00BFFF}
.myBackgroundByRgb {background-color: rgb(0,191,255);}
DarkTurquoise#00CED10.206.209
.myTextByColorName {color: DarkTurquoise;}
.myBorderByHex {border: 1px solid #00CED1}
.myBackgroundByRgb {background-color: rgb(0,206,209);}
Aqua#00FFFF0.255.255
.myTextByColorName {color: Aqua;}
.myBorderByHex {border: 1px solid #00FFFF}
.myBackgroundByRgb {background-color: rgb(0,255,255);}
MidnightBlue#19197025.25.112
.myTextByColorName {color: MidnightBlue;}
.myBorderByHex {border: 1px solid #191970}
.myBackgroundByRgb {background-color: rgb(25,25,112);}
DodgerBlue#1E90FF30.144.255
.myTextByColorName {color: DodgerBlue;}
.myBorderByHex {border: 1px solid #1E90FF}
.myBackgroundByRgb {background-color: rgb(30,144,255);}
Turquoise#40E0D064.224.208
.myTextByColorName {color: Turquoise;}
.myBorderByHex {border: 1px solid #40E0D0}
.myBackgroundByRgb {background-color: rgb(64,224,208);}
RoyalBlue#4169E165.105.225
.myTextByColorName {color: RoyalBlue;}
.myBorderByHex {border: 1px solid #4169E1}
.myBackgroundByRgb {background-color: rgb(65,105,225);}
SteelBlue#4682B470.130.180
.myTextByColorName {color: SteelBlue;}
.myBorderByHex {border: 1px solid #4682B4}
.myBackgroundByRgb {background-color: rgb(70,130,180);}
MediumTurquoise#48D1CC72.209.204
.myTextByColorName {color: MediumTurquoise;}
.myBorderByHex {border: 1px solid #48D1CC}
.myBackgroundByRgb {background-color: rgb(72,209,204);}
CadetBlue#5F9EA095.158.160
.myTextByColorName {color: CadetBlue;}
.myBorderByHex {border: 1px solid #5F9EA0}
.myBackgroundByRgb {background-color: rgb(95,158,160);}
CornflowerBlue#6495ED100.149.237
.myTextByColorName {color: CornflowerBlue;}
.myBorderByHex {border: 1px solid #6495ED}
.myBackgroundByRgb {background-color: rgb(100,149,237);}
MediumSlateBlue#7B68EE123.104.238
.myTextByColorName {color: MediumSlateBlue;}
.myBorderByHex {border: 1px solid #7B68EE}
.myBackgroundByRgb {background-color: rgb(123,104,238);}
Aquamarine#7FFFD4127.255.212
.myTextByColorName {color: Aquamarine;}
.myBorderByHex {border: 1px solid #7FFFD4}
.myBackgroundByRgb {background-color: rgb(127,255,212);}
SkyBlue#87CEEB135.206.235
.myTextByColorName {color: SkyBlue;}
.myBorderByHex {border: 1px solid #87CEEB}
.myBackgroundByRgb {background-color: rgb(135,206,235);}
LightSkyBlue#87CEFA135.206.250
.myTextByColorName {color: LightSkyBlue;}
.myBorderByHex {border: 1px solid #87CEFA}
.myBackgroundByRgb {background-color: rgb(135,206,250);}
LightBlue#ADD8E6173.216.230
.myTextByColorName {color: LightBlue;}
.myBorderByHex {border: 1px solid #ADD8E6}
.myBackgroundByRgb {background-color: rgb(173,216,230);}
PaleTurquoise#AFEEEE175.238.238
.myTextByColorName {color: PaleTurquoise;}
.myBorderByHex {border: 1px solid #AFEEEE}
.myBackgroundByRgb {background-color: rgb(175,238,238);}
LightSteelBlue#B0C4DE176.196.222
.myTextByColorName {color: LightSteelBlue;}
.myBorderByHex {border: 1px solid #B0C4DE}
.myBackgroundByRgb {background-color: rgb(176,196,222);}
PowderBlue#B0E0E6176.224.230
.myTextByColorName {color: PowderBlue;}
.myBorderByHex {border: 1px solid #B0E0E6}
.myBackgroundByRgb {background-color: rgb(176,224,230);}
LightCyan#E0FFFF224.255.255
.myTextByColorName {color: LightCyan;}
.myBorderByHex {border: 1px solid #E0FFFF}
.myBackgroundByRgb {background-color: rgb(224,255,255);}

Brown Colors

NameDemoHexRGBCSS
Maroon#800000128.0.0
.myTextByColorName {color: Maroon;}
.myBorderByHex {border: 1px solid #800000}
.myBackgroundByRgb {background-color: rgb(128,0,0);}
SaddleBrown#8B4513139.69.19
.myTextByColorName {color: SaddleBrown;}
.myBorderByHex {border: 1px solid #8B4513}
.myBackgroundByRgb {background-color: rgb(139,69,19);}
Sienna#A0522D160.82.45
.myTextByColorName {color: Sienna;}
.myBorderByHex {border: 1px solid #A0522D}
.myBackgroundByRgb {background-color: rgb(160,82,45);}
Brown#A52A2A165.42.42
.myTextByColorName {color: Brown;}
.myBorderByHex {border: 1px solid #A52A2A}
.myBackgroundByRgb {background-color: rgb(165,42,42);}
DarkGoldenrod#B8860B184.134.11
.myTextByColorName {color: DarkGoldenrod;}
.myBorderByHex {border: 1px solid #B8860B}
.myBackgroundByRgb {background-color: rgb(184,134,11);}
RosyBrown#BC8F8F188.143.143
.myTextByColorName {color: RosyBrown;}
.myBorderByHex {border: 1px solid #BC8F8F}
.myBackgroundByRgb {background-color: rgb(188,143,143);}
Peru#CD853F205.133.63
.myTextByColorName {color: Peru;}
.myBorderByHex {border: 1px solid #CD853F}
.myBackgroundByRgb {background-color: rgb(205,133,63);}
Chocolate#D2691E210.105.30
.myTextByColorName {color: Chocolate;}
.myBorderByHex {border: 1px solid #D2691E}
.myBackgroundByRgb {background-color: rgb(210,105,30);}
Tan#D2B48C210.180.140
.myTextByColorName {color: Tan;}
.myBorderByHex {border: 1px solid #D2B48C}
.myBackgroundByRgb {background-color: rgb(210,180,140);}
Goldenrod#DAA520218.165.32
.myTextByColorName {color: Goldenrod;}
.myBorderByHex {border: 1px solid #DAA520}
.myBackgroundByRgb {background-color: rgb(218,165,32);}
BurlyWood#DEB887222.184.135
.myTextByColorName {color: BurlyWood;}
.myBorderByHex {border: 1px solid #DEB887}
.myBackgroundByRgb {background-color: rgb(222,184,135);}
SandyBrown#F4A460244.164.96
.myTextByColorName {color: SandyBrown;}
.myBorderByHex {border: 1px solid #F4A460}
.myBackgroundByRgb {background-color: rgb(244,164,96);}
Wheat#F5DEB3245.222.179
.myTextByColorName {color: Wheat;}
.myBorderByHex {border: 1px solid #F5DEB3}
.myBackgroundByRgb {background-color: rgb(245,222,179);}
NavajoWhite#FFDEAD255.222.173
.myTextByColorName {color: NavajoWhite;}
.myBorderByHex {border: 1px solid #FFDEAD}
.myBackgroundByRgb {background-color: rgb(255,222,173);}
Bisque#FFE4C4255.228.196
.myTextByColorName {color: Bisque;}
.myBorderByHex {border: 1px solid #FFE4C4}
.myBackgroundByRgb {background-color: rgb(255,228,196);}
BlanchedAlmond#FFEBCD255.235.205
.myTextByColorName {color: BlanchedAlmond;}
.myBorderByHex {border: 1px solid #FFEBCD}
.myBackgroundByRgb {background-color: rgb(255,235,205);}
Cornsilk#FFF8DC255.248.220
.myTextByColorName {color: Cornsilk;}
.myBorderByHex {border: 1px solid #FFF8DC}
.myBackgroundByRgb {background-color: rgb(255,248,220);}

Gray Colors

NameDemoHexRGBCSS
Black#0000000.0.0
.myTextByColorName {color: Black;}
.myBorderByHex {border: 1px solid #000000}
.myBackgroundByRgb {background-color: rgb(0,0,0);}
DarkSlateGray#2F4F4F47.79.79
.myTextByColorName {color: DarkSlateGray;}
.myBorderByHex {border: 1px solid #2F4F4F}
.myBackgroundByRgb {background-color: rgb(47,79,79);}
DimGray#696969105.105.105
.myTextByColorName {color: DimGray;}
.myBorderByHex {border: 1px solid #696969}
.myBackgroundByRgb {background-color: rgb(105,105,105);}
SlateGray#708090112.128.144
.myTextByColorName {color: SlateGray;}
.myBorderByHex {border: 1px solid #708090}
.myBackgroundByRgb {background-color: rgb(112,128,144);}
LightSlateGray#778899119.136.153
.myTextByColorName {color: LightSlateGray;}
.myBorderByHex {border: 1px solid #778899}
.myBackgroundByRgb {background-color: rgb(119,136,153);}
Gray#808080128.128.128
.myTextByColorName {color: Gray;}
.myBorderByHex {border: 1px solid #808080}
.myBackgroundByRgb {background-color: rgb(128,128,128);}
DarkGray#A9A9A9169.169.169
.myTextByColorName {color: DarkGray;}
.myBorderByHex {border: 1px solid #A9A9A9}
.myBackgroundByRgb {background-color: rgb(169,169,169);}
Silver#C0C0C0192.192.192
.myTextByColorName {color: Silver;}
.myBorderByHex {border: 1px solid #C0C0C0}
.myBackgroundByRgb {background-color: rgb(192,192,192);}
LightGray#D3D3D3211.211.211
.myTextByColorName {color: LightGray;}
.myBorderByHex {border: 1px solid #D3D3D3}
.myBackgroundByRgb {background-color: rgb(211,211,211);}
Gainsboro#DCDCDC220.220.220
.myTextByColorName {color: Gainsboro;}
.myBorderByHex {border: 1px solid #DCDCDC}
.myBackgroundByRgb {background-color: rgb(220,220,220);}

Green Colors

NameDemoHexRGBCSS
DarkGreen#0064000.100.0
.myTextByColorName {color: DarkGreen;}
.myBorderByHex {border: 1px solid #006400}
.myBackgroundByRgb {background-color: rgb(0,100,0);}
Green#0080000.128.0
.myTextByColorName {color: Green;}
.myBorderByHex {border: 1px solid #008000}
.myBackgroundByRgb {background-color: rgb(0,128,0);}
Teal#0080800.128.128
.myTextByColorName {color: Teal;}
.myBorderByHex {border: 1px solid #008080}
.myBackgroundByRgb {background-color: rgb(0,128,128);}
DarkCyan#008B8B0.139.139
.myTextByColorName {color: DarkCyan;}
.myBorderByHex {border: 1px solid #008B8B}
.myBackgroundByRgb {background-color: rgb(0,139,139);}
MediumSpringGreen#00FA9A0.250.154
.myTextByColorName {color: MediumSpringGreen;}
.myBorderByHex {border: 1px solid #00FA9A}
.myBackgroundByRgb {background-color: rgb(0,250,154);}
Lime#00FF000.255.0
.myTextByColorName {color: Lime;}
.myBorderByHex {border: 1px solid #00FF00}
.myBackgroundByRgb {background-color: rgb(0,255,0);}
SpringGreen#00FF7F0.255.127
.myTextByColorName {color: SpringGreen;}
.myBorderByHex {border: 1px solid #00FF7F}
.myBackgroundByRgb {background-color: rgb(0,255,127);}
LightSeaGreen#20B2AA32.178.170
.myTextByColorName {color: LightSeaGreen;}
.myBorderByHex {border: 1px solid #20B2AA}
.myBackgroundByRgb {background-color: rgb(32,178,170);}
ForestGreen#228B2234.139.34
.myTextByColorName {color: ForestGreen;}
.myBorderByHex {border: 1px solid #228B22}
.myBackgroundByRgb {background-color: rgb(34,139,34);}
SeaGreen#2E8B5746.139.87
.myTextByColorName {color: SeaGreen;}
.myBorderByHex {border: 1px solid #2E8B57}
.myBackgroundByRgb {background-color: rgb(46,139,87);}
LimeGreen#32CD3250.205.50
.myTextByColorName {color: LimeGreen;}
.myBorderByHex {border: 1px solid #32CD32}
.myBackgroundByRgb {background-color: rgb(50,205,50);}
MediumSeaGreen#3CB37160.179.113
.myTextByColorName {color: MediumSeaGreen;}
.myBorderByHex {border: 1px solid #3CB371}
.myBackgroundByRgb {background-color: rgb(60,179,113);}
DarkOliveGreen#556B2F85.107.47
.myTextByColorName {color: DarkOliveGreen;}
.myBorderByHex {border: 1px solid #556B2F}
.myBackgroundByRgb {background-color: rgb(85,107,47);}
MediumAquamarine#66CDAA102.205.170
.myTextByColorName {color: MediumAquamarine;}
.myBorderByHex {border: 1px solid #66CDAA}
.myBackgroundByRgb {background-color: rgb(102,205,170);}
OliveDrab#6B8E23107.142.35
.myTextByColorName {color: OliveDrab;}
.myBorderByHex {border: 1px solid #6B8E23}
.myBackgroundByRgb {background-color: rgb(107,142,35);}
LawnGreen#7CFC00124.252.0
.myTextByColorName {color: LawnGreen;}
.myBorderByHex {border: 1px solid #7CFC00}
.myBackgroundByRgb {background-color: rgb(124,252,0);}
Chartreuse#7FFF00127.255.0
.myTextByColorName {color: Chartreuse;}
.myBorderByHex {border: 1px solid #7FFF00}
.myBackgroundByRgb {background-color: rgb(127,255,0);}
Olive#808000128.128.0
.myTextByColorName {color: Olive;}
.myBorderByHex {border: 1px solid #808000}
.myBackgroundByRgb {background-color: rgb(128,128,0);}
DarkSeaGreen#8FBC8F143.188.143
.myTextByColorName {color: DarkSeaGreen;}
.myBorderByHex {border: 1px solid #8FBC8F}
.myBackgroundByRgb {background-color: rgb(143,188,143);}
LightGreen#90EE90144.238.144
.myTextByColorName {color: LightGreen;}
.myBorderByHex {border: 1px solid #90EE90}
.myBackgroundByRgb {background-color: rgb(144,238,144);}
PaleGreen#98FB98152.251.152
.myTextByColorName {color: PaleGreen;}
.myBorderByHex {border: 1px solid #98FB98}
.myBackgroundByRgb {background-color: rgb(152,251,152);}
YellowGreen#9ACD32154.205.50
.myTextByColorName {color: YellowGreen;}
.myBorderByHex {border: 1px solid #9ACD32}
.myBackgroundByRgb {background-color: rgb(154,205,50);}
GreenYellow#ADFF2F173.255.47
.myTextByColorName {color: GreenYellow;}
.myBorderByHex {border: 1px solid #ADFF2F}
.myBackgroundByRgb {background-color: rgb(173,255,47);}

Orange Colors

NameDemoHexRGBCSS
OrangeRed#FF4500255.69.0
.myTextByColorName {color: OrangeRed;}
.myBorderByHex {border: 1px solid #FF4500}
.myBackgroundByRgb {background-color: rgb(255,69,0);}
Tomato#FF6347255.99.71
.myTextByColorName {color: Tomato;}
.myBorderByHex {border: 1px solid #FF6347}
.myBackgroundByRgb {background-color: rgb(255,99,71);}
Coral#FF7F50255.127.80
.myTextByColorName {color: Coral;}
.myBorderByHex {border: 1px solid #FF7F50}
.myBackgroundByRgb {background-color: rgb(255,127,80);}
DarkOrange#FF8C00255.140.0
.myTextByColorName {color: DarkOrange;}
.myBorderByHex {border: 1px solid #FF8C00}
.myBackgroundByRgb {background-color: rgb(255,140,0);}
Orange#FFA500255.165.0
.myTextByColorName {color: Orange;}
.myBorderByHex {border: 1px solid #FFA500}
.myBackgroundByRgb {background-color: rgb(255,165,0);}

Pink Colors

NameDemoHexRGBCSS
MediumVioletRed#C71585199.21.133
.myTextByColorName {color: MediumVioletRed;}
.myBorderByHex {border: 1px solid #C71585}
.myBackgroundByRgb {background-color: rgb(199,21,133);}
PaleVioletRed#DB7093219.112.147
.myTextByColorName {color: PaleVioletRed;}
.myBorderByHex {border: 1px solid #DB7093}
.myBackgroundByRgb {background-color: rgb(219,112,147);}
DeepPink#FF1493255.20.147
.myTextByColorName {color: DeepPink;}
.myBorderByHex {border: 1px solid #FF1493}
.myBackgroundByRgb {background-color: rgb(255,20,147);}
HotPink#FF69B4255.105.180
.myTextByColorName {color: HotPink;}
.myBorderByHex {border: 1px solid #FF69B4}
.myBackgroundByRgb {background-color: rgb(255,105,180);}
LightPink#FFB6C1255.182.193
.myTextByColorName {color: LightPink;}
.myBorderByHex {border: 1px solid #FFB6C1}
.myBackgroundByRgb {background-color: rgb(255,182,193);}
Pink#FFC0CB255.192.203
.myTextByColorName {color: Pink;}
.myBorderByHex {border: 1px solid #FFC0CB}
.myBackgroundByRgb {background-color: rgb(255,192,203);}

Red Colors

NameDemoHexRGBCSS
DarkRed#8B0000139.0.0
.myTextByColorName {color: DarkRed;}
.myBorderByHex {border: 1px solid #8B0000}
.myBackgroundByRgb {background-color: rgb(139,0,0);}
FireBrick#B22222178.34.34
.myTextByColorName {color: FireBrick;}
.myBorderByHex {border: 1px solid #B22222}
.myBackgroundByRgb {background-color: rgb(178,34,34);}
IndianRed#CD5C5C205.92.92
.myTextByColorName {color: IndianRed;}
.myBorderByHex {border: 1px solid #CD5C5C}
.myBackgroundByRgb {background-color: rgb(205,92,92);}
Crimson#DC143C220.20.60
.myTextByColorName {color: Crimson;}
.myBorderByHex {border: 1px solid #DC143C}
.myBackgroundByRgb {background-color: rgb(220,20,60);}
DarkSalmon#E9967A233.150.122
.myTextByColorName {color: DarkSalmon;}
.myBorderByHex {border: 1px solid #E9967A}
.myBackgroundByRgb {background-color: rgb(233,150,122);}
LightCoral#F08080240.128.128
.myTextByColorName {color: LightCoral;}
.myBorderByHex {border: 1px solid #F08080}
.myBackgroundByRgb {background-color: rgb(240,128,128);}
Salmon#FA8072250.128.114
.myTextByColorName {color: Salmon;}
.myBorderByHex {border: 1px solid #FA8072}
.myBackgroundByRgb {background-color: rgb(250,128,114);}
Red#FF0000255.0.0
.myTextByColorName {color: Red;}
.myBorderByHex {border: 1px solid #FF0000}
.myBackgroundByRgb {background-color: rgb(255,0,0);}
LightSalmon#FFA07A255.160.122
.myTextByColorName {color: LightSalmon;}
.myBorderByHex {border: 1px solid #FFA07A}
.myBackgroundByRgb {background-color: rgb(255,160,122);}

Violet Colors

NameDemoHexRGBCSS
DarkSlateBlue#483D8B72.61.139
.myTextByColorName {color: DarkSlateBlue;}
.myBorderByHex {border: 1px solid #483D8B}
.myBackgroundByRgb {background-color: rgb(72,61,139);}
Indigo#4B008275.0.130
.myTextByColorName {color: Indigo;}
.myBorderByHex {border: 1px solid #4B0082}
.myBackgroundByRgb {background-color: rgb(75,0,130);}
SlateBlue#6A5ACD106.90.205
.myTextByColorName {color: SlateBlue;}
.myBorderByHex {border: 1px solid #6A5ACD}
.myBackgroundByRgb {background-color: rgb(106,90,205);}
Purple#800080128.0.128
.myTextByColorName {color: Purple;}
.myBorderByHex {border: 1px solid #800080}
.myBackgroundByRgb {background-color: rgb(128,0,128);}
BlueViolet#8A2BE2138.43.226
.myTextByColorName {color: BlueViolet;}
.myBorderByHex {border: 1px solid #8A2BE2}
.myBackgroundByRgb {background-color: rgb(138,43,226);}
DarkMagenta#8B008B139.0.139
.myTextByColorName {color: DarkMagenta;}
.myBorderByHex {border: 1px solid #8B008B}
.myBackgroundByRgb {background-color: rgb(139,0,139);}
MediumPurple#9370DB147.112.219
.myTextByColorName {color: MediumPurple;}
.myBorderByHex {border: 1px solid #9370DB}
.myBackgroundByRgb {background-color: rgb(147,112,219);}
DarkViolet#9400D3148.0.211
.myTextByColorName {color: DarkViolet;}
.myBorderByHex {border: 1px solid #9400D3}
.myBackgroundByRgb {background-color: rgb(148,0,211);}
DarkOrchid#9932CC153.50.204
.myTextByColorName {color: DarkOrchid;}
.myBorderByHex {border: 1px solid #9932CC}
.myBackgroundByRgb {background-color: rgb(153,50,204);}
MediumOrchid#BA55D3186.85.211
.myTextByColorName {color: MediumOrchid;}
.myBorderByHex {border: 1px solid #BA55D3}
.myBackgroundByRgb {background-color: rgb(186,85,211);}
Thistle#D8BFD8216.191.216
.myTextByColorName {color: Thistle;}
.myBorderByHex {border: 1px solid #D8BFD8}
.myBackgroundByRgb {background-color: rgb(216,191,216);}
Orchid#DA70D6218.112.214
.myTextByColorName {color: Orchid;}
.myBorderByHex {border: 1px solid #DA70D6}
.myBackgroundByRgb {background-color: rgb(218,112,214);}
Plum#DDA0DD221.160.221
.myTextByColorName {color: Plum;}
.myBorderByHex {border: 1px solid #DDA0DD}
.myBackgroundByRgb {background-color: rgb(221,160,221);}
Lavender#E6E6FA230.230.250
.myTextByColorName {color: Lavender;}
.myBorderByHex {border: 1px solid #E6E6FA}
.myBackgroundByRgb {background-color: rgb(230,230,250);}
Violet#EE82EE238.130.238
.myTextByColorName {color: Violet;}
.myBorderByHex {border: 1px solid #EE82EE}
.myBackgroundByRgb {background-color: rgb(238,130,238);}
Fuchsia(Magenta)#FF00FF255.0.255
.myTextByColorName {color: Fuchsia(Magenta);}
.myBorderByHex {border: 1px solid #FF00FF}
.myBackgroundByRgb {background-color: rgb(255,0,255);}

White Colors

NameDemoHexRGBCSS
AliceBlue#F0F8FF240.248.255
.myTextByColorName {color: AliceBlue;}
.myBorderByHex {border: 1px solid #F0F8FF}
.myBackgroundByRgb {background-color: rgb(240,248,255);}
Honeydew#F0FFF0240.255.240
.myTextByColorName {color: Honeydew;}
.myBorderByHex {border: 1px solid #F0FFF0}
.myBackgroundByRgb {background-color: rgb(240,255,240);}
Azure#F0FFFF240.255.255
.myTextByColorName {color: Azure;}
.myBorderByHex {border: 1px solid #F0FFFF}
.myBackgroundByRgb {background-color: rgb(240,255,255);}
Beige#F5F5DC245.245.220
.myTextByColorName {color: Beige;}
.myBorderByHex {border: 1px solid #F5F5DC}
.myBackgroundByRgb {background-color: rgb(245,245,220);}
WhiteSmoke#F5F5F5245.245.245
.myTextByColorName {color: WhiteSmoke;}
.myBorderByHex {border: 1px solid #F5F5F5}
.myBackgroundByRgb {background-color: rgb(245,245,245);}
MintCream#F5FFFA245.255.250
.myTextByColorName {color: MintCream;}
.myBorderByHex {border: 1px solid #F5FFFA}
.myBackgroundByRgb {background-color: rgb(245,255,250);}
GhostWhite#F8F8FF248.248.255
.myTextByColorName {color: GhostWhite;}
.myBorderByHex {border: 1px solid #F8F8FF}
.myBackgroundByRgb {background-color: rgb(248,248,255);}
AntiqueWhite#FAEBD7250.235.215
.myTextByColorName {color: AntiqueWhite;}
.myBorderByHex {border: 1px solid #FAEBD7}
.myBackgroundByRgb {background-color: rgb(250,235,215);}
Linen#FAF0E6250.240.230
.myTextByColorName {color: Linen;}
.myBorderByHex {border: 1px solid #FAF0E6}
.myBackgroundByRgb {background-color: rgb(250,240,230);}
OldLace#FDF5E6253.245.230
.myTextByColorName {color: OldLace;}
.myBorderByHex {border: 1px solid #FDF5E6}
.myBackgroundByRgb {background-color: rgb(253,245,230);}
MistyRose#FFE4E1255.228.225
.myTextByColorName {color: MistyRose;}
.myBorderByHex {border: 1px solid #FFE4E1}
.myBackgroundByRgb {background-color: rgb(255,228,225);}
LavenderBlush#FFF0F5255.240.245
.myTextByColorName {color: LavenderBlush;}
.myBorderByHex {border: 1px solid #FFF0F5}
.myBackgroundByRgb {background-color: rgb(255,240,245);}
Seashell#FFF5EE255.245.238
.myTextByColorName {color: Seashell;}
.myBorderByHex {border: 1px solid #FFF5EE}
.myBackgroundByRgb {background-color: rgb(255,245,238);}
FloralWhite#FFFAF0255.250.240
.myTextByColorName {color: FloralWhite;}
.myBorderByHex {border: 1px solid #FFFAF0}
.myBackgroundByRgb {background-color: rgb(255,250,240);}
Snow#FFFAFA255.250.250
.myTextByColorName {color: Snow;}
.myBorderByHex {border: 1px solid #FFFAFA}
.myBackgroundByRgb {background-color: rgb(255,250,250);}
Ivory#FFFFF0255.255.240
.myTextByColorName {color: Ivory;}
.myBorderByHex {border: 1px solid #FFFFF0}
.myBackgroundByRgb {background-color: rgb(255,255,240);}
White#FFFFFF255.255.255
.myTextByColorName {color: White;}
.myBorderByHex {border: 1px solid #FFFFFF}
.myBackgroundByRgb {background-color: rgb(255,255,255);}

Yellow Colors

NameDemoHexRGBCSS
DarkKhaki#BDB76B189.183.107
.myTextByColorName {color: DarkKhaki;}
.myBorderByHex {border: 1px solid #BDB76B}
.myBackgroundByRgb {background-color: rgb(189,183,107);}
PaleGoldenrod#EEE8AA238.232.170
.myTextByColorName {color: PaleGoldenrod;}
.myBorderByHex {border: 1px solid #EEE8AA}
.myBackgroundByRgb {background-color: rgb(238,232,170);}
Khaki#F0E68C240.230.140
.myTextByColorName {color: Khaki;}
.myBorderByHex {border: 1px solid #F0E68C}
.myBackgroundByRgb {background-color: rgb(240,230,140);}
LightGoldenrodYellow#FAFAD2250.250.210
.myTextByColorName {color: LightGoldenrodYellow;}
.myBorderByHex {border: 1px solid #FAFAD2}
.myBackgroundByRgb {background-color: rgb(250,250,210);}
Gold#FFD700255.215.0
.myTextByColorName {color: Gold;}
.myBorderByHex {border: 1px solid #FFD700}
.myBackgroundByRgb {background-color: rgb(255,215,0);}
PeachPuff#FFDAB9255.218.185
.myTextByColorName {color: PeachPuff;}
.myBorderByHex {border: 1px solid #FFDAB9}
.myBackgroundByRgb {background-color: rgb(255,218,185);}
Moccasin#FFE4B5255.228.181
.myTextByColorName {color: Moccasin;}
.myBorderByHex {border: 1px solid #FFE4B5}
.myBackgroundByRgb {background-color: rgb(255,228,181);}
PapayaWhip#FFEFD5255.239.213
.myTextByColorName {color: PapayaWhip;}
.myBorderByHex {border: 1px solid #FFEFD5}
.myBackgroundByRgb {background-color: rgb(255,239,213);}
LemonChiffon#FFFACD255.250.205
.myTextByColorName {color: LemonChiffon;}
.myBorderByHex {border: 1px solid #FFFACD}
.myBackgroundByRgb {background-color: rgb(255,250,205);}
Yellow#FFFF00255.255.0
.myTextByColorName {color: Yellow;}
.myBorderByHex {border: 1px solid #FFFF00}
.myBackgroundByRgb {background-color: rgb(255,255,0);}
LightYellow#FFFFE0255.255.224
.myTextByColorName {color: LightYellow;}
.myBorderByHex {border: 1px solid #FFFFE0}
.myBackgroundByRgb {background-color: rgb(255,255,224);}