Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
Navy | #000080 | 0.0.128 | .myTextByColorName {color: Navy;} | |
DarkBlue | #00008B | 0.0.139 | .myTextByColorName {color: DarkBlue;} | |
MediumBlue | #0000CD | 0.0.205 | .myTextByColorName {color: MediumBlue;} | |
Blue | #0000FF | 0.0.255 | .myTextByColorName {color: Blue;} | |
DeepSkyBlue | #00BFFF | 0.191.255 | .myTextByColorName {color: DeepSkyBlue;} | |
DarkTurquoise | #00CED1 | 0.206.209 | .myTextByColorName {color: DarkTurquoise;} | |
Aqua | #00FFFF | 0.255.255 | .myTextByColorName {color: Aqua;} | |
MidnightBlue | #191970 | 25.25.112 | .myTextByColorName {color: MidnightBlue;} | |
DodgerBlue | #1E90FF | 30.144.255 | .myTextByColorName {color: DodgerBlue;} | |
Turquoise | #40E0D0 | 64.224.208 | .myTextByColorName {color: Turquoise;} | |
RoyalBlue | #4169E1 | 65.105.225 | .myTextByColorName {color: RoyalBlue;} | |
SteelBlue | #4682B4 | 70.130.180 | .myTextByColorName {color: SteelBlue;} | |
MediumTurquoise | #48D1CC | 72.209.204 | .myTextByColorName {color: MediumTurquoise;} | |
CadetBlue | #5F9EA0 | 95.158.160 | .myTextByColorName {color: CadetBlue;} | |
CornflowerBlue | #6495ED | 100.149.237 | .myTextByColorName {color: CornflowerBlue;} | |
MediumSlateBlue | #7B68EE | 123.104.238 | .myTextByColorName {color: MediumSlateBlue;} | |
Aquamarine | #7FFFD4 | 127.255.212 | .myTextByColorName {color: Aquamarine;} | |
SkyBlue | #87CEEB | 135.206.235 | .myTextByColorName {color: SkyBlue;} | |
LightSkyBlue | #87CEFA | 135.206.250 | .myTextByColorName {color: LightSkyBlue;} | |
LightBlue | #ADD8E6 | 173.216.230 | .myTextByColorName {color: LightBlue;} | |
PaleTurquoise | #AFEEEE | 175.238.238 | .myTextByColorName {color: PaleTurquoise;} | |
LightSteelBlue | #B0C4DE | 176.196.222 | .myTextByColorName {color: LightSteelBlue;} | |
PowderBlue | #B0E0E6 | 176.224.230 | .myTextByColorName {color: PowderBlue;} | |
LightCyan | #E0FFFF | 224.255.255 | .myTextByColorName {color: LightCyan;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
Maroon | #800000 | 128.0.0 | .myTextByColorName {color: Maroon;} | |
SaddleBrown | #8B4513 | 139.69.19 | .myTextByColorName {color: SaddleBrown;} | |
Sienna | #A0522D | 160.82.45 | .myTextByColorName {color: Sienna;} | |
Brown | #A52A2A | 165.42.42 | .myTextByColorName {color: Brown;} | |
DarkGoldenrod | #B8860B | 184.134.11 | .myTextByColorName {color: DarkGoldenrod;} | |
RosyBrown | #BC8F8F | 188.143.143 | .myTextByColorName {color: RosyBrown;} | |
Peru | #CD853F | 205.133.63 | .myTextByColorName {color: Peru;} | |
Chocolate | #D2691E | 210.105.30 | .myTextByColorName {color: Chocolate;} | |
Tan | #D2B48C | 210.180.140 | .myTextByColorName {color: Tan;} | |
Goldenrod | #DAA520 | 218.165.32 | .myTextByColorName {color: Goldenrod;} | |
BurlyWood | #DEB887 | 222.184.135 | .myTextByColorName {color: BurlyWood;} | |
SandyBrown | #F4A460 | 244.164.96 | .myTextByColorName {color: SandyBrown;} | |
Wheat | #F5DEB3 | 245.222.179 | .myTextByColorName {color: Wheat;} | |
NavajoWhite | #FFDEAD | 255.222.173 | .myTextByColorName {color: NavajoWhite;} | |
Bisque | #FFE4C4 | 255.228.196 | .myTextByColorName {color: Bisque;} | |
BlanchedAlmond | #FFEBCD | 255.235.205 | .myTextByColorName {color: BlanchedAlmond;} | |
Cornsilk | #FFF8DC | 255.248.220 | .myTextByColorName {color: Cornsilk;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
Black | #000000 | 0.0.0 | .myTextByColorName {color: Black;} | |
DarkSlateGray | #2F4F4F | 47.79.79 | .myTextByColorName {color: DarkSlateGray;} | |
DimGray | #696969 | 105.105.105 | .myTextByColorName {color: DimGray;} | |
SlateGray | #708090 | 112.128.144 | .myTextByColorName {color: SlateGray;} | |
LightSlateGray | #778899 | 119.136.153 | .myTextByColorName {color: LightSlateGray;} | |
Gray | #808080 | 128.128.128 | .myTextByColorName {color: Gray;} | |
DarkGray | #A9A9A9 | 169.169.169 | .myTextByColorName {color: DarkGray;} | |
Silver | #C0C0C0 | 192.192.192 | .myTextByColorName {color: Silver;} | |
LightGray | #D3D3D3 | 211.211.211 | .myTextByColorName {color: LightGray;} | |
Gainsboro | #DCDCDC | 220.220.220 | .myTextByColorName {color: Gainsboro;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
DarkGreen | #006400 | 0.100.0 | .myTextByColorName {color: DarkGreen;} | |
Green | #008000 | 0.128.0 | .myTextByColorName {color: Green;} | |
Teal | #008080 | 0.128.128 | .myTextByColorName {color: Teal;} | |
DarkCyan | #008B8B | 0.139.139 | .myTextByColorName {color: DarkCyan;} | |
MediumSpringGreen | #00FA9A | 0.250.154 | .myTextByColorName {color: MediumSpringGreen;} | |
Lime | #00FF00 | 0.255.0 | .myTextByColorName {color: Lime;} | |
SpringGreen | #00FF7F | 0.255.127 | .myTextByColorName {color: SpringGreen;} | |
LightSeaGreen | #20B2AA | 32.178.170 | .myTextByColorName {color: LightSeaGreen;} | |
ForestGreen | #228B22 | 34.139.34 | .myTextByColorName {color: ForestGreen;} | |
SeaGreen | #2E8B57 | 46.139.87 | .myTextByColorName {color: SeaGreen;} | |
LimeGreen | #32CD32 | 50.205.50 | .myTextByColorName {color: LimeGreen;} | |
MediumSeaGreen | #3CB371 | 60.179.113 | .myTextByColorName {color: MediumSeaGreen;} | |
DarkOliveGreen | #556B2F | 85.107.47 | .myTextByColorName {color: DarkOliveGreen;} | |
MediumAquamarine | #66CDAA | 102.205.170 | .myTextByColorName {color: MediumAquamarine;} | |
OliveDrab | #6B8E23 | 107.142.35 | .myTextByColorName {color: OliveDrab;} | |
LawnGreen | #7CFC00 | 124.252.0 | .myTextByColorName {color: LawnGreen;} | |
Chartreuse | #7FFF00 | 127.255.0 | .myTextByColorName {color: Chartreuse;} | |
Olive | #808000 | 128.128.0 | .myTextByColorName {color: Olive;} | |
DarkSeaGreen | #8FBC8F | 143.188.143 | .myTextByColorName {color: DarkSeaGreen;} | |
LightGreen | #90EE90 | 144.238.144 | .myTextByColorName {color: LightGreen;} | |
PaleGreen | #98FB98 | 152.251.152 | .myTextByColorName {color: PaleGreen;} | |
YellowGreen | #9ACD32 | 154.205.50 | .myTextByColorName {color: YellowGreen;} | |
GreenYellow | #ADFF2F | 173.255.47 | .myTextByColorName {color: GreenYellow;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
OrangeRed | #FF4500 | 255.69.0 | .myTextByColorName {color: OrangeRed;} | |
Tomato | #FF6347 | 255.99.71 | .myTextByColorName {color: Tomato;} | |
Coral | #FF7F50 | 255.127.80 | .myTextByColorName {color: Coral;} | |
DarkOrange | #FF8C00 | 255.140.0 | .myTextByColorName {color: DarkOrange;} | |
Orange | #FFA500 | 255.165.0 | .myTextByColorName {color: Orange;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
MediumVioletRed | #C71585 | 199.21.133 | .myTextByColorName {color: MediumVioletRed;} | |
PaleVioletRed | #DB7093 | 219.112.147 | .myTextByColorName {color: PaleVioletRed;} | |
DeepPink | #FF1493 | 255.20.147 | .myTextByColorName {color: DeepPink;} | |
HotPink | #FF69B4 | 255.105.180 | .myTextByColorName {color: HotPink;} | |
LightPink | #FFB6C1 | 255.182.193 | .myTextByColorName {color: LightPink;} | |
Pink | #FFC0CB | 255.192.203 | .myTextByColorName {color: Pink;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
DarkRed | #8B0000 | 139.0.0 | .myTextByColorName {color: DarkRed;} | |
FireBrick | #B22222 | 178.34.34 | .myTextByColorName {color: FireBrick;} | |
IndianRed | #CD5C5C | 205.92.92 | .myTextByColorName {color: IndianRed;} | |
Crimson | #DC143C | 220.20.60 | .myTextByColorName {color: Crimson;} | |
DarkSalmon | #E9967A | 233.150.122 | .myTextByColorName {color: DarkSalmon;} | |
LightCoral | #F08080 | 240.128.128 | .myTextByColorName {color: LightCoral;} | |
Salmon | #FA8072 | 250.128.114 | .myTextByColorName {color: Salmon;} | |
Red | #FF0000 | 255.0.0 | .myTextByColorName {color: Red;} | |
LightSalmon | #FFA07A | 255.160.122 | .myTextByColorName {color: LightSalmon;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
DarkSlateBlue | #483D8B | 72.61.139 | .myTextByColorName {color: DarkSlateBlue;} | |
Indigo | #4B0082 | 75.0.130 | .myTextByColorName {color: Indigo;} | |
SlateBlue | #6A5ACD | 106.90.205 | .myTextByColorName {color: SlateBlue;} | |
Purple | #800080 | 128.0.128 | .myTextByColorName {color: Purple;} | |
BlueViolet | #8A2BE2 | 138.43.226 | .myTextByColorName {color: BlueViolet;} | |
DarkMagenta | #8B008B | 139.0.139 | .myTextByColorName {color: DarkMagenta;} | |
MediumPurple | #9370DB | 147.112.219 | .myTextByColorName {color: MediumPurple;} | |
DarkViolet | #9400D3 | 148.0.211 | .myTextByColorName {color: DarkViolet;} | |
DarkOrchid | #9932CC | 153.50.204 | .myTextByColorName {color: DarkOrchid;} | |
MediumOrchid | #BA55D3 | 186.85.211 | .myTextByColorName {color: MediumOrchid;} | |
Thistle | #D8BFD8 | 216.191.216 | .myTextByColorName {color: Thistle;} | |
Orchid | #DA70D6 | 218.112.214 | .myTextByColorName {color: Orchid;} | |
Plum | #DDA0DD | 221.160.221 | .myTextByColorName {color: Plum;} | |
Lavender | #E6E6FA | 230.230.250 | .myTextByColorName {color: Lavender;} | |
Violet | #EE82EE | 238.130.238 | .myTextByColorName {color: Violet;} | |
Fuchsia(Magenta) | #FF00FF | 255.0.255 | .myTextByColorName {color: Fuchsia(Magenta);} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
AliceBlue | #F0F8FF | 240.248.255 | .myTextByColorName {color: AliceBlue;} | |
Honeydew | #F0FFF0 | 240.255.240 | .myTextByColorName {color: Honeydew;} | |
Azure | #F0FFFF | 240.255.255 | .myTextByColorName {color: Azure;} | |
Beige | #F5F5DC | 245.245.220 | .myTextByColorName {color: Beige;} | |
WhiteSmoke | #F5F5F5 | 245.245.245 | .myTextByColorName {color: WhiteSmoke;} | |
MintCream | #F5FFFA | 245.255.250 | .myTextByColorName {color: MintCream;} | |
GhostWhite | #F8F8FF | 248.248.255 | .myTextByColorName {color: GhostWhite;} | |
AntiqueWhite | #FAEBD7 | 250.235.215 | .myTextByColorName {color: AntiqueWhite;} | |
Linen | #FAF0E6 | 250.240.230 | .myTextByColorName {color: Linen;} | |
OldLace | #FDF5E6 | 253.245.230 | .myTextByColorName {color: OldLace;} | |
MistyRose | #FFE4E1 | 255.228.225 | .myTextByColorName {color: MistyRose;} | |
LavenderBlush | #FFF0F5 | 255.240.245 | .myTextByColorName {color: LavenderBlush;} | |
Seashell | #FFF5EE | 255.245.238 | .myTextByColorName {color: Seashell;} | |
FloralWhite | #FFFAF0 | 255.250.240 | .myTextByColorName {color: FloralWhite;} | |
Snow | #FFFAFA | 255.250.250 | .myTextByColorName {color: Snow;} | |
Ivory | #FFFFF0 | 255.255.240 | .myTextByColorName {color: Ivory;} | |
White | #FFFFFF | 255.255.255 | .myTextByColorName {color: White;} |
Name | Demo | Hex | RGB | CSS |
---|---|---|---|---|
DarkKhaki | #BDB76B | 189.183.107 | .myTextByColorName {color: DarkKhaki;} | |
PaleGoldenrod | #EEE8AA | 238.232.170 | .myTextByColorName {color: PaleGoldenrod;} | |
Khaki | #F0E68C | 240.230.140 | .myTextByColorName {color: Khaki;} | |
LightGoldenrodYellow | #FAFAD2 | 250.250.210 | .myTextByColorName {color: LightGoldenrodYellow;} | |
Gold | #FFD700 | 255.215.0 | .myTextByColorName {color: Gold;} | |
PeachPuff | #FFDAB9 | 255.218.185 | .myTextByColorName {color: PeachPuff;} | |
Moccasin | #FFE4B5 | 255.228.181 | .myTextByColorName {color: Moccasin;} | |
PapayaWhip | #FFEFD5 | 255.239.213 | .myTextByColorName {color: PapayaWhip;} | |
LemonChiffon | #FFFACD | 255.250.205 | .myTextByColorName {color: LemonChiffon;} | |
Yellow | #FFFF00 | 255.255.0 | .myTextByColorName {color: Yellow;} | |
LightYellow | #FFFFE0 | 255.255.224 | .myTextByColorName {color: LightYellow;} |