Changes: Help:Color

Revision as of 12:47, 30 August 2016

Color is a great tool for helping to make your community stand out as well as better match your wiki's topic and theme.

Step by step

Color can be added to your community in a couple of different places. For example, you can use unique colors in the theme designer to customize your look, or add color to your community's templates via CSS.

The most common way to define a color is to use its name or hex code. To use a particular color, take the name or hex code below and add it where appropriate. If for example you want to add it as a button color in the Theme Designer, copy the hex code of that color, then add it to the input field on the customize tab.

Hex values are generally more flexible than color names as they allow a very wide range of shades - more information about how these work can be found on Wikipedia.

Color names

There are two main types of color names that are preferred, HTML and X11.

HTML color names

The HTML 4.01 specification^[1] defines sixteen named colors, as follows (names are defined in this context to be case-insensitive; the table is alphabetically ordered):

Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

These 16 were also specified as sRGB and included in the HTML 3.0 specification.

Fluorescent Colors

The neon colors are a typical type of colors that glow on certain pages depending on what color the theme is used through Theme Designer.

Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal
Rainshower	#C9FFE5	Screamin' Green	#66FF66	Blizzard Blue	#A3E3ED
Purple Pizzazz	#FE4EDA	Psychedelic Purple	#FA00FF	Electric Violet	#8B00FF
Harlequin	#3FFF00	Sunglow	#FFCC33	Bubbles	#E7FEFF
Electric Lime	#CCFF00	Razzle Dazzle Rose	#FF33CC	Snowy Mint	#D6FFDB
Electric Purple	#BF00FF	Flamingo Pink	#FF66FF	Hot Magenta	#FF00CC
Infra Red	#FF496C	Neon Carrot	#FFA343	Laser Lemon	#FFFF66
Chartreuse Yellow	#DFFF00	Phlox	#DF00FF	Shocking Pink	#FC0FC0
Veronica	#A020F0

X11 color names

In addition, a wide range of "X11 colors" are defined by web browsers.

A large, helpful list of usable color names and equivalent hex codes can be found on Wikipedia.^[2]^[3]

References

Further help and feedback

Browse and search other help pages at Help:Contents
Check Fandom Community Central for sources of further help and support
Check Contacting Fandom for how to report any errors or unclear steps in this article

[1] HTML 4.01 Specification section 6.5 "Colors"

[2] W3C TR CSS3 Color Module, SVG color keywords

[3] W3C TR SVG 1.0, recognized color keyword names

[1]

[2]

[3]

@@ Line 8: / Line 8: @@
 The most common way to define a color is to use its name or hex code. To use a particular color, take the name or hex code below and add it where appropriate. If for example you want to add it as a button color in the Theme Designer, copy the hex code of that color, then add it to the input field on the customize tab.
+Hex values are generally more flexible than color names as they allow a very wide range of shades - more information about how these work can be [https://en.wikipedia.org/wiki/Web_colors#Hex_triplet found on Wikipedia].
-There are two main types of colors that are preferred, HTML and X11 color names.
+==Color names==
+There are two main types of color names that are preferred, HTML and X11.
 ===HTML color names===
@@ Line 129: / Line 132: @@
 === X11 color names ===
+In addition, a wide range of "X11 colors" are defined by web browsers.
-In addition, a number of colors are defined by web browsers. A particular browser may not recognize all of these colors, but as of 2005 all modern general-use browsers support the full list. The list of web "X11 colors" from the CSS3 specification, along with their hexadecimal and decimal equivalents,
-is shown below, compare the alphabetical lists in the W3C standards. You can learn more about X11 color names on [http://en.wikipedia.org/wiki/X11_color_names Wikipedia]. <ref>[http://www.w3.org/TR/css3-color/#svg-color W3C TR CSS3 Color Module, SVG color keywords]</ref><ref>[http://www.w3.org/TR/SVG/types.html#ColorKeywords W3C TR SVG 1.0, recognized color keyword names]</ref>
+A large, helpful list of usable color names and equivalent hex codes can be [https://en.wikipedia.org/wiki/Web_colors#X11_color_names found on Wikipedia].<ref>[http://www.w3.org/TR/css3-color/#svg-color W3C TR CSS3 Color Module, SVG color keywords]</ref><ref>[http://www.w3.org/TR/SVG/types.html#ColorKeywords W3C TR SVG 1.0, recognized color keyword names]</ref>
-{| style="font-size:90%;" cellpadding="4"
-|- valign="top"
-|
-{| border="0" cellpadding="4"
-!style="background:lightgrey;"| HTML name
-!style="background:lightgrey;"| [[wikipedia:Hexadecimal|Hex]] code<br />[[wikipedia:RGB color model|R &nbsp; G &nbsp; B]]
-!style="background:lightgrey;"| Decimal code<br />R &nbsp; G &nbsp; B
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Red colors'''
-|- style="background:indianred; color:white"
-|Indian Red          ||#CD5C5C||205&nbsp;92&nbsp;92
-|- style="background:#F9526B; color:white"
-|Wild Watermelon     ||#F9526B||249&nbsp;82&nbsp;107
-|- style="background:lightcoral; color:black;"
-|Light Coral         ||#F08080||240&nbsp;128&nbsp;128
-|- style="background:salmon; color:black;"
-|Salmon              ||#FA8072||250&nbsp;128&nbsp;114
-|- style="background:darksalmon; color:black;"
-|Dark Salmon         ||#E9967A||233&nbsp;150&nbsp;122
-|- style="background:lightsalmon; color:black;"
-|Light Salmon        ||#FFA07A||255&nbsp;160&nbsp;122
-|- style="background:crimson; color:white; color:white;"
-|Crimson             ||#DC143C||220&nbsp;20&nbsp;60
-|- style="background:red; color:white;"
-|Red                 ||#FF0000||255 0 0
-|- style="background:fireBrick; color:white;"
-|Fire Brick          ||#B22222||178&nbsp;34&nbsp;34
-|- style="background:darkred; color:white;"
-|Dark Red            ||#8B0000||139 0 0
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Pink colors'''
-|- style="background:#FF66FF; color:black;"
-|Flamingo Pink    ||#FF66FF||255&nbsp;102&nbsp;255
-|- style="background:#FC0FC0; color:black;"
-|Shocking Pink     ||#FC0FC0||252&nbsp;15&nbsp;192
-|- style="background:#FFC1CC; color:black;"
-|Bubble Gum      ||#FFC1CC||255&nbsp;193&nbsp;204
-|- style="background:pink; color:black;"
-|Pink                ||#FFC0CB||255&nbsp;192&nbsp;203
-|- style="background:lightpink; color:black;"
-|Light Pink          ||#FFB6C1||255&nbsp;182&nbsp;193
-|- style="background:hotpink; color:white;"
-|Hot Pink            ||#FF69B4||255&nbsp;105&nbsp;180
-|- style="background:deeppink; color:white;"
-|Deep Pink           ||#FF1493||255&nbsp;20&nbsp;147
-|- style="background:mediumvioletred; color:white;"
-|Medium Violet Red   ||#C71585||199&nbsp;21&nbsp;133
-|- style="background:palevioletred; color:white;"
-|Pale Violet Red     ||#DB7093||219&nbsp;112&nbsp;147
-|- style="background:#ffc0ea; color:black;"
-|Pastel Pink           ||#FFC0EA||255&nbsp;192&nbsp;234
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Orange colors'''
-|- style="background:lightsalmon; color:black;"
-|Light Salmon       ||#FFA07A||255&nbsp;160&nbsp;122
-|- style="background:coral; color:white;"
-|Coral               ||#FF7F50||255&nbsp;127&nbsp;80
-|- style="background:tomato; color:white;"
-|Tomato              ||#FF6347||255&nbsp;99&nbsp;71
-|- style="background:orangered; color:white;"
-|Orange Red          ||#FF4500||255 69 0
-|- style="background:darkorange; color:white;"
-|Dark Orange         ||#FF8C00||255 140 0
-|- style="background:#FF6811; color:white"
-|Pumpkin             ||#FF6811||255 104 17
-|- style="background:orange; color:white;"
-|Orange              ||#FFA500||255 165 0
-|- style="background:#FFBF00; color:black;"
-|Orange Circuit  ||#FFBF00||255 191 0
-|- style="background:#FF9933; color:black;"
-|Neon Carrot       ||#FF9933||255 153 51
-|- style="background:#FF9968; color:white;"
-|Atomic Tangerine    ||#FF9968||255 153 104
-|- style="background:#FFCC33; color:black;"
-|Sunglow             ||#FFCC33||255 204 51
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Yellow colors'''
-|- style="background:gold; color:black;"
-|Gold                ||#FFD700||255 215 0
-|- style="background:#CCFF00; color:black;"
-|Fluoresent Yellow    ||#CCFF00||204 255 0
-|- style="background:#DFFF00; color:black;"
-|Chartreuse Yellow   ||#DFFF00||223 255 0
-|- style="background:#FDE910; color:black;"
-|Lemon              ||#FDE910||253 255 16
-|- style="background:#E3FF00; color:black;"
-|Lemon-Lime        ||#E3FF00||227 255 0
-|- style="background:#FDFF00; color:black;"
-|Lemon Glacier  ||#FDFF00||253 255 0
-|- style="background:yellow; color:black;"
-|Yellow              ||#FFFF00||255 255 0
-|- style="background:#FFFF31; color:black;"
-|Daffodil            ||#FFFF31||255 255 49
-|- style="background:#FFFF33; color:black;"
-|Electric Yellow    ||#FFFF33||255 255 51
-|- style="background:#FFF44F; color:black;"
-|Lemon Yellow    ||#FFF44F||255 244 79
-|- style="background:#FFFF66; color:black;"
-|Laser Lemon/Unmellow Yellow         ||#FFFF66||255 255 102
-|- style="background:#FFFFB2; color:black;"
-|Canary              ||#FFFFB2||255 255 178
-|- style="background:lightyellow; color:black;"
-|Light Yellow        ||#FFFFE0||255&nbsp;255&nbsp;224
-|- style="background:lemonchiffon; color:black;"
-|Lemon Chiffon       ||#FFFACD||255&nbsp;250&nbsp;205
-|- style="background:lightgoldenrodyellow; color:black;"
-|LightGoldenrodYellow||#FAFAD2||250&nbsp;250&nbsp;210
-|- style="background:#E4FFD1; color:black;"
-|Snow Flurry           ||#E4FFD1||228 255 209
-|- style="background:papayawhip; color:black;"
-|Papaya Whip         ||#FFEFD5||255&nbsp;239&nbsp;213
-|- style="background:moccasin; color:black;"
-|Moccasin            ||#FFE4B5||255&nbsp;228&nbsp;181
-|- style="background:peachpuff; color:black;"
-|Peach Puff          ||#FFDAB9||255&nbsp;218&nbsp;185
-|- style="background:palegoldenrod; color:black;"
-|Pale Goldenrod      ||#EEE8AA||238&nbsp;232&nbsp;170
-|- style="background:khaki; color:black;"
-|Khaki               ||#F0E68C||240&nbsp;230&nbsp;140
-|- style="background:darkkhaki; color:white;"
-|Dark Khaki          ||#BDB76B||189&nbsp;183&nbsp;107
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Purple colors'''
-|- style="background:lavender; color:black;"
-|Lavender            ||#E6E6FA||230&nbsp;230&nbsp;250
-|- style="background:thistle; color:white;"
-|Thistle             ||#D8BFD8||216&nbsp;191&nbsp;216
-|- style="background:plum; color:white;"
-|Plum                ||#DDA0DD||221&nbsp;160&nbsp;221
-|- style="background:violet; color:white;"
-|Violet              ||#EE82EE||238&nbsp;130&nbsp;238
-|- style="background:orchid; color:white;"
-|Orchid              ||#DA70D6||218&nbsp;112&nbsp;214
-|- style="background:fuchsia; color:white;"
-|Fuchsia             ||#FF00FF||255 0 255
-|- style="background:Magenta; color:white;"
-|Magenta             ||#FF00FF||255 0 255
-|- style="background:mediumorchid; color:white;"
-|Medium Orchid       ||#BA55D3||186&nbsp;85&nbsp;211
-|- style="background:mediumpurple; color:white;"
-|Medium Purple       ||#9370DB||147&nbsp;112&nbsp;219
-|- style="background:blueviolet; color:white;"
-|Blue Violet         ||#8A2BE2||138&nbsp;43&nbsp;226
-|- style="background:darkviolet; color:white;"
-|Dark Violet         ||#9400D3||148 0 211
-|- style="background:darkorchid; color:white;"
-|Dark Orchid         ||#9932CC||153&nbsp;50&nbsp;204
-|- style="background:darkmagenta; color:white;"
-|Dark Magenta        ||#8B008B||139 0 139
-|- style="background:purple; color:white;"
-|Purple              ||#800080||128 0 128
-|- style="background:indigo; color:white;"
-|Indigo              ||#4B0082|| 75 0 130
-|- style="background:slateblue; color:white;"
-|Slate Blue          ||#6A5ACD||106&nbsp;90&nbsp;205
-|- style="background:darkslateblue; color:white;"
-|Dark Slate Blue     ||#483D8B|| 72 61 139
-|- style="background:mediumslateblue; color:white;"
-|Medium Slate Blue   ||#7B68EE||123&nbsp;104&nbsp;238
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Brown colors'''
-|- style="background:cornsilk; color:black;"
-|Cornsilk            ||#FFF8DC||255&nbsp;248&nbsp;220
-|- style="background:blanchedalmond; color:black;"
-|Blanched Almond     ||#FFEBCD||255&nbsp;235&nbsp;205
-|- style="background:bisque; color:black;"
-|Bisque              ||#FFE4C4||255&nbsp;228&nbsp;196
-|- style="background:navajowhite; color:black;"
-|Navajo White        ||#FFDEAD||255&nbsp;222&nbsp;173
-|- style="background:wheat; color:black;"
-|Wheat               ||#F5DEB3||245&nbsp;222&nbsp;179
-|- style="background:#EDC9AF; color:black;"
-|Desert Sand         ||#EDC9AF||237 201 175
-|- style="background:burlywood; color:white;"
-|Burly Wood          ||#DEB887||222&nbsp;184&nbsp;135
-|- style="background:tan; color:white;"
-|Tan                 ||#D2B48C||210&nbsp;180&nbsp;140
-|- style="background:rosybrown; color:white;"
-|Rosy Brown          ||#BC8F8F||188&nbsp;143&nbsp;143
-|- style="background:sandybrown; color:white;"
-|Sandy Brown         ||#F4A460||244&nbsp;164&nbsp;96
-|- style="background:goldenrod; color:white;"
-|Goldenrod           ||#DAA520||218&nbsp;165&nbsp;32
-|- style="background:darkgoldenrod; color:white;"
-|Dark Goldenrod      ||#B8860B||184&nbsp;134&nbsp;11
-|- style="background:Peru; color:white;"
-|Peru                ||#CD853F||205&nbsp;133&nbsp;63
-|- style="background:chocolate; color:white;"
-|Chocolate           ||#D2691E||210&nbsp;105&nbsp;30
-|- style="background:#C45655; color:white;"
-|Fuzzy Wuzzy Brown ||#C45655||196 86 85
-|- style="background:saddlebrown; color:white;"
-|Saddle Brown         ||#8B4513||139&nbsp;69&nbsp;19
-|- style="background:sienna; color:white;"
-|Sienna              ||#A0522D||160&nbsp;82&nbsp;45
-|- style="background:brown; color:white;"
-|Brown               ||#A52A2A||165&nbsp;42&nbsp;42
-|- style="background:maroon; color:white;"
-|Maroon              ||#800000||128&nbsp;0&nbsp;0
-|}
-|
-{| cellpadding="4"
-!style="background:lightgrey;"| HTML name
-!style="background:lightgrey;"| Hex code<br />R &nbsp; G &nbsp; B
-!style="background:lightgrey;"| Decimal code<br />R &nbsp; G &nbsp; B
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Green colors'''
-|- style="background:#DBFFF8; color:black;"
-|Frosted Mint        ||#DBFFF8||219 255 248
-|- style="background:#D6FFDB; color:black;"
-|Snowy Mint         ||#D6FFDB||214 255 219
-|- style="background:#FFF46E; color:black;"
-|Paris Daisy          ||#FFF46E||255&nbsp;244&nbsp;110
-|- style="background:#CCFF00; color:black;"
-|Electric Lime       ||#CCFF00||204&nbsp;255&nbsp;00
-|- style="background:greenyellow; color:black;"
-|Green Yellow        ||#ADFF2F||173&nbsp;255&nbsp;47
-|- style="background:chartreuse; color:black;"
-|Chartreuse          ||#7FFF00||127&nbsp;255&nbsp;0
-|- style="background:lawngreen; color:black;"
-|Lawn Green          ||#7CFC00||124&nbsp;252&nbsp;0
-|- style="background:lime; color:black;"
-|Lime                ||#00FF00||0&nbsp;255&nbsp;0
-|- style="background:limegreen; color:black;"
-|Lime Green          ||#32CD32||50&nbsp;205&nbsp;50
-|- style="background:palegreen; color:black;"
-|Pale Green          ||#98FB98||152&nbsp;251&nbsp;152
-|- style="background:lightgreen; color:black;"
-|Light Green         ||#90EE90||144&nbsp;238&nbsp;144
-|- style="background:mediumspringgreen; color:black;"
-|Medium Spring Green ||#00FA9A||0&nbsp;250&nbsp;154
-|- style="background:springgreen; color:black;"
-|Spring Green        ||#00FF7F||0&nbsp;255&nbsp;127
-|- style="background:mediumseagreen; color:white;"
-|Medium Sea Green    ||#3CB371||60&nbsp;179&nbsp;113
-|- style="background:seagreen; color:white;"
-|Sea Green           ||#2E8B57||46&nbsp;139&nbsp;87
-|- style="background:forestgreen; color:white;"
-|Forest Green        ||#228B22||34&nbsp;139&nbsp;34
-|- style="background:green; color:white;"
-|Green               ||#008000||0&nbsp;128&nbsp;0
-|- style="background:darkgreen; color:white;"
-|Dark Green          ||#006400||0&nbsp;100&nbsp;0
-|- style="background:yellowgreen; color:white;"
-|Yellow Green        ||#9ACD32||154&nbsp;205&nbsp;50
-|- style="background:olivedrab; color:white;"
-|Olive Drab          ||#6B8E23||107&nbsp;142&nbsp;35
-|- style="background:olive; color:white;"
-|Olive               ||#808000||128&nbsp;128&nbsp;0
-|- style="background:darkolivegreen; color:white;"
-|Dark Olive Green    ||#556B2F||85&nbsp;107&nbsp;47
-|- style="background:mediumaquamarine; color:black;"
-|Medium Aquamarine   ||#66CDAA||102&nbsp;205&nbsp;170
-|- style="background:darkseagreen; color:white;"
-|Dark Sea Green      ||#8FBC8F||143&nbsp;188&nbsp;143
-|- style="background:lightseagreen; color:white;"
-|Light Sea Green     ||#20B2AA||32&nbsp;178&nbsp;170
-|- style="background:darkcyan; color:white;"
-|Dark Cyan           ||#008B8B||0&nbsp;139&nbsp;139
-|- style="background:teal; color:white;"
-|Teal                ||#008080||0&nbsp;128&nbsp;128
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Blue colors'''
-|- style="background:aqua; color:black;"
-|Aqua                ||#00FFFF||0&nbsp;255&nbsp;255
-|- style="background:cyan; color:black;"
-|Cyan                ||#00FFFF||0&nbsp;255&nbsp;255
-|- style="background:#C9FFE5; color:black;"
-|Aero Blue         ||#C9FFE5||201&nbsp;255&nbsp;229
-|- style="background:lightcyan; color:black;"
-|Light Cyan          ||#E0FFFF||224&nbsp;255&nbsp;255
-|- style="background:#B2FFE2; color:black"
-|Light Rainshower ||#B2FFE2||178&nbsp;255&nbsp;226
-|- style="background:#A8FFE0; color:black"
-|Rainshower          ||#A8FFE0||168&nbsp;255&nbsp;224
-|- style="background:paleturquoise; color:black;"
-|Pale Turquoise      ||#AFEEEE||175&nbsp;238&nbsp;238
-|- style="background:aquamarine; color:black;"
-|Aquamarine          ||#7FFFD4||127&nbsp;255&nbsp;212
-|- style="background:turquoise; color:black;"
-|Turquoise           ||#40E0D0||64&nbsp;224&nbsp;208
-|- style="background:mediumturquoise; color:white;"
-|Medium Turquoise    ||#48D1CC||72&nbsp;209&nbsp;204
-|- style="background:darkturquoise; color:white;"
-|Dark Turquoise      ||#00CED1||0&nbsp;206&nbsp;209
-|- style="background:cadetblue; color:white;"
-|Cadet Blue          ||#5F9EA0||95&nbsp;158&nbsp;160
-|- style="background:steelblue; color:white;"
-|Steel Blue          ||#4682B4||70&nbsp;130&nbsp;180
-|- style="background:lightsteelblue; color:black;"
-|Light Steel Blue    ||#B0C4DE||176&nbsp;196&nbsp;222
-|- style="background:powderblue; color:black;"
-|Powder Blue         ||#B0E0E6||176&nbsp;224&nbsp;230
-|- style="background:lightblue; color:black;"
-|Light Blue          ||#ADD8E6||173&nbsp;216&nbsp;230
-|- style="background:skyblue; color:black;"
-|Sky Blue            ||#87CEEB||135&nbsp;206&nbsp;235
-|- style="background:lightskyblue; color:black;"
-|Light Sky Blue      ||#87CEFA||135&nbsp;206&nbsp;250
-|- style="background:deepskyblue; color:white;"
-|Deep Sky Blue       ||#00BFFF||0&nbsp;191&nbsp;255
-|- style="background:dodgerblue; color:white;"
-|Dodger Blue         ||#1E90FF||30&nbsp;144&nbsp;255
-|- style="background:#7A58C1; color:white;"
-|Fuchsia Blue         ||#7458C1||122&nbsp;88&nbsp;193
-|- style="background:cornflowerblue; color:white;"
-|Cornflower Blue     ||#6495ED||100&nbsp;149&nbsp;237
-|- style="background:mediumslateblue; color:white;"
-|Medium Slate Blue   ||#7B68EE||123&nbsp;104&nbsp;238
-|- style="background:royalblue; color:white;"
-|Royal Blue          ||#4169E1||65&nbsp;105&nbsp;225
-|- style="background:blue; color:white;"
-|Blue                ||#0000FF||0&nbsp;0&nbsp;255
-|- style="background:mediumblue; color:white;"
-|Medium Blue         ||#0000CD||0&nbsp;0&nbsp;205
-|- style="background:darkblue; color:white;"
-|Dark Blue           ||#00008B||0&nbsp;0&nbsp;139
-|- style="background:navy; color:white;"
-|Navy                ||#000080||0&nbsp;0&nbsp;128
-|- style="background:midnightblue; color:white;"
-|Midnight Blue       ||#191970||#2525112
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''White colors'''
-|- style="background:white; color:black;"
-|White               ||#FFFFFF||255&nbsp;255&nbsp;255
-|- style="background:snow; color:black;"
-|Snow                ||#FFFAFA||255&nbsp;250&nbsp;250
-|- style="background:honeydew; color:black;"
-|Honeydew            ||#F0FFF0||240&nbsp;255&nbsp;240
-|- style="background:mintcream; color:black;"
-|Mint Cream          ||#F5FFFA||245&nbsp;255&nbsp;250
-|- style="background:azure; color:black;"
-|Azure               ||#F0FFFF||240&nbsp;255&nbsp;255
-|- style="background:aliceblue; color:black;"
-|Alice Blue          ||#F0F8FF||240&nbsp;248&nbsp;255
-|- style="background:ghostwhite; color:black;"
-|Ghost White         ||#F8F8FF||248&nbsp;248&nbsp;255
-|- style="background:whitesmoke; color:black;"
-|White Smoke         ||#F5F5F5||245&nbsp;245&nbsp;245
-|- style="background:seashell; color:black;"
-|Seashell            ||#FFF5EE||255&nbsp;245&nbsp;238
-|- style="background:beige; color:black;"
-|Beige               ||#F5F5DC||245&nbsp;245&nbsp;220
-|- style="background:oldlace; color:black;"
-|Old Lace            ||#FDF5E6||253&nbsp;245&nbsp;230
-|- style="background:floralwhite; color:black;"
-|Floral White        ||#FFFAF0||255&nbsp;250&nbsp;240
-|- style="background:ivory; color:black;"
-|Ivory               ||#FFFFF0||255&nbsp;255&nbsp;240
-|- style="background:antiquewhite; color:black;"
-|Antique White       ||#FAEBD7||250&nbsp;235&nbsp;215
-|- style="background:linen; color:black;"
-|Linen               ||#FAF0E6||250&nbsp;240&nbsp;230
-|- style="background:lavenderblush; color:black;"
-|Lavender Blush      ||#FFF0F5||255&nbsp;240&nbsp;245
-|- style="background:mistyrose; color:black;"
-|Misty Rose          ||#FFE4E1||255&nbsp;228&nbsp;225
-|-
-|colspan="3" style="background:whitesmoke; color:slategray; text-align:left; font-size:1.2em;"|'''Gray colors'''
-|- style="background:#E5E4E2; color:black;"
-|Platinum             ||#E5E4E2||229&nbsp;228&nbsp;226
-|- style="background:gainsboro; color:black;"
-|Gainsboro           ||#DCDCDC||220&nbsp;220&nbsp;220
-|- style="background:lightgrey; color:black;"
-|Light Grey          ||#D3D3D3||211&nbsp;211&nbsp;211
-|- style="background:silver; color:black;"
-|Silver              ||#C0C0C0||192&nbsp;192&nbsp;192
-|- style="background:darkgray; color:black;"
-|Dark Gray           ||#A9A9A9||169&nbsp;169&nbsp;169
-|- style="background:gray; color:white;"
-|Gray                ||#808080||128&nbsp;128&nbsp;128
-|- style="background:dimgray; color:white;"
-|Dim Gray            ||#696969||105&nbsp;105&nbsp;105
-|- style="background:lightslategray; color:white;"
-|Light Slate Gray    ||#778899||119&nbsp;136&nbsp;153
-|- style="background:slategray; color:white;"
-|Slate Gray          ||#708090||112&nbsp;128&nbsp;144
-|- style="background:darkslategray; color:white;"
-|Dark Slate Grey     ||#2F4F4F||#477979
-|- style="background:black; color:white;"
-|Black               ||#000000||0&nbsp;0&nbsp;0
-|}
-|}
 ==References==