Scribd
Upload
8 views14 pages

HTML Color Names and Codes List

The document provides a comprehensive list of 140 named colors supported by modern browsers, including their corresponding HEX and RGB codes. It also includes examples of how to use these color names in HTML and CSS. Additionally, it encourages users to explore further tutorials for more information on using color codes in web design.

Uploaded by

hukivyhi
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views14 pages

HTML Color Names and Codes List

The document provides a comprehensive list of 140 named colors supported by modern browsers, including their corresponding HEX and RGB codes. It also includes examples of how to use these color names in HTML and CSS. Additionally, it encourages users to explore further tutorials for more information on using color codes in web design.

Uploaded by

hukivyhi
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

C O LO R NA ME S

Modern browsers support 140 named


colors, which are listed below. Use them
in your HTML and CSS by name, Hex color
code or RGB value.

Red HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

rgb(205,
IndianRed #CD5C5C
92, 92)

rgb(240,
LightCoral #F08080 128,
128)

rgb(250,
Salmon #FA8072
128, 114)

rgb(233,
DarkSalmon #E9967A 150,
122)

rgb(255,
LightSalmon #FFA07A 160,
122)

rgb(220,
Crimson #DC143C
20, 60)

rgb(255,
Red #FF0000
0, 0)
HEX RGB
COLOR NAME
CODE CODE

rgb(178,
FireBrick #B22222
34, 34)

rgb(139,
DarkRed #8B0000
0, 0)

Pink HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

rgb(255,
Pink #FFC0CB 192,
203)

rgb(255,
LightPink #FFB6C1 182,
193)

rgb(255,
HotPink #FF69B4 105,
180)

rgb(255,
DeepPink #FF1493
20, 147)

rgb(199,
MediumVioletRed #C71585
21, 133)

rgb(219,
PaleVioletRed #DB7093
112, 147)

Orange HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

LightSalmon #FFA07A rgb(255,


HEX RGB
COLOR NAME
CODE CODE
160,
122)

rgb(255,
Coral #FF7F50
127, 80)

rgb(255,
Tomato #FF6347
99, 71)

rgb(255,
OrangeRed #FF4500
69, 0)

rgb(255,
DarkOrange #FF8C00
140, 0)

rgb(255,
Orange #FFA500
165, 0)

Yellow HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

rgb(255,
Gold #FFD700
215, 0)

rgb(255,
Yellow #FFFF00
255, 0)

rgb(255,
LightYellow #FFFFE0 255,
224)

rgb(255,
LemonChiffon #FFFACD 250,
205)

rgb(250,
LightGoldenrodYellow #FAFAD2 250,
210)

rgb(255,
PapayaWhip #FFEFD5 239,
213)
HEX RGB
COLOR NAME
CODE CODE

rgb(255,
Moccasin #FFE4B5 228,
181)

rgb(255,
PeachPuff #FFDAB9 218,
185)

rgb(238,
PaleGoldenrod #EEE8AA 232,
170)

rgb(240,
Khaki #F0E68C 230,
140)

rgb(189,
DarkKhaki #BDB76B 183,
107)

Purple HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

rgb(230,
Lavender #E6E6FA 230,
250)

rgb(216,
Thistle #D8BFD8
191, 216)

rgb(221,
Plum #DDA0DD 160,
221)

rgb(238,
Violet #EE82EE 130,
238)

rgb(218,
Orchid #DA70D6
112, 214)

rgb(255,
Fuchsia #FF00FF
0, 255)

rgb(255,
Magenta #FF00FF
0, 255)
HEX RGB
COLOR NAME
CODE CODE

rgb(186,
MediumOrchid #BA55D3
85, 211)

rgb(147,
MediumPurple #9370DB
112, 219)

rgb(102,
RebeccaPurple #663399
51, 153)

rgb(138,
BlueViolet #8A2BE2
43, 226)

rgb(148,
DarkViolet #9400D3
0, 211)

rgb(153,
DarkOrchid #9932CC
50, 204)

rgb(139,
DarkMagenta #8B008B
0, 139)

rgb(128,
Purple #800080
0, 128)

rgb(75,
Indigo #4B0082
0, 130)

rgb(106,
SlateBlue #6A5ACD
90, 205)

rgb(72,
DarkSlateBlue #483D8B
61, 139)

rgb(123,
MediumSlateBlue #7B68EE 104,
238)

Green HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE
rgb(173,
GreenYellow #ADFF2F
255, 47)

rgb(127,
Chartreuse #7FFF00
255, 0)

rgb(124,
LawnGreen #7CFC00
252, 0)

rgb(0,
Lime #00FF00
255, 0)

rgb(50,
LimeGreen #32CD32 205,
50)

rgb(152,
PaleGreen #98FB98 251,
152)

rgb(144,
LightGreen #90EE90 238,
144)

rgb(0,
MediumSpringGreen #00FA9A 250,
154)

rgb(0,
SpringGreen #00FF7F 255,
127)

rgb(60,
MediumSeaGreen #3CB371 179,
113)

rgb(46,
SeaGreen #2E8B57
139, 87)

rgb(34,
ForestGreen #228B22
139, 34)

rgb(0,
Green #008000
128, 0)

rgb(0,
DarkGreen #006400
100, 0)

rgb(154,
YellowGreen #9ACD32 205,
50)

rgb(107,
OliveDrab #6B8E23
142, 35)
rgb(128,
Olive #808000
128, 0)

rgb(85,
DarkOliveGreen #556B2F
107, 47)

rgb(102,
MediumAquamarine #66CDAA 205,
170)

rgb(143,
DarkSeaGreen #8FBC8B 188,
139)

rgb(32,
LightSeaGreen #20B2AA 178,
170)

rgb(0,
DarkCyan #008B8B 139,
139)

rgb(0,
Teal #008080 128,
128)

Blue HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

rgb(0,
Aqua #00FFFF 255,
255)

rgb(0,
Cyan #00FFFF 255,
255)

rgb(224,
LightCyan #E0FFFF 255,
255)

rgb(175,
PaleTurquoise #AFEEEE 238,
238)

rgb(127,
Aquamarine #7FFFD4 255,
212)
HEX RGB
COLOR NAME
CODE CODE

rgb(64,
Turquoise #40E0D0 224,
208)

rgb(72,
MediumTurquoise #48D1CC 209,
204)

rgb(0,
DarkTurquoise #00CED1 206,
209)

rgb(95,
CadetBlue #5F9EA0 158,
160)

rgb(70,
SteelBlue #4682B4 130,
180)

rgb(176,
LightSteelBlue #B0C4DE 196,
222)

rgb(176,
PowderBlue #B0E0E6 224,
230)

rgb(173,
LightBlue #ADD8E6 216,
230)

rgb(135,
SkyBlue #87CEEB 206,
235)

rgb(135,
LightSkyBlue #87CEFA 206,
250)

rgb(0,
DeepSkyBlue #00BFFF 191,
255)

rgb(30,
DodgerBlue #1E90FF 144,
255)

rgb(100,
CornflowerBlue #6495ED 149,
237)

rgb(123,
MediumSlateBlue #7B68EE 104,
238)

rgb(65,
RoyalBlue #4169E1 105,
225)
HEX RGB
COLOR NAME
CODE CODE

rgb(0, 0,
Blue #0000FF
255)

rgb(0, 0,
MediumBlue #0000CD
205)

rgb(0, 0,
DarkBlue #00008B
139)

rgb(0, 0,
Navy #000080
128)

rgb(25,
MidnightBlue #191970
25, 112)

Brown HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

rgb(255,
Cornsilk #FFF8DC 248,
220)

rgb(255,
BlanchedAlmond #FFEBCD 235,
205)

rgb(255,
Bisque #FFE4C4 228,
196)

rgb(255,
NavajoWhite #FFDEAD 222,
173)

rgb(245,
Wheat #F5DEB3 222,
179)

rgb(222,
BurlyWood #DEB887 184,
135)
rgb(210,
Tan #D2B48C 180,
140)
HEX RGB
COLOR NAME
CODE CODE

rgb(188,
RosyBrown #BC8F8F 143,
143)

rgb(244,
SandyBrown #F4A460
164, 96)

rgb(218,
Goldenrod #DAA520
165, 32)

rgb(184,
DarkGoldenrod #B8860B
134, 11)

rgb(205,
Peru #CD853F
133, 63)

rgb(210,
Chocolate #D2691E
105, 30)

rgb(139,
SaddleBrown #8B4513
69, 19)

rgb(160,
Sienna #A0522D
82, 45)

rgb(165,
Brown #A52A2A
42, 42)

rgb(128,
Maroon #800000
0, 0)

White HTML Color


Names
HEX RGB
COLOR NAME
CODE CODE

rgb(255,
White #FFFFFF 255,
255)
rgb(255,
Snow #FFFAFA 250,
250)
HEX RGB
COLOR NAME
CODE CODE

rgb(240,
HoneyDew #F0FFF0 255,
240)

rgb(245,
MintCream #F5FFFA 255,
250)

rgb(240,
Azure #F0FFFF 255,
255)

rgb(240,
AliceBlue #F0F8FF 248,
255)

rgb(248,
GhostWhite #F8F8FF 248,
255)

rgb(245,
WhiteSmoke #F5F5F5 245,
245)

rgb(255,
SeaShell #FFF5EE 245,
238)

rgb(245,
Beige #F5F5DC 245,
220)

rgb(253,
OldLace #FDF5E6 245,
230)

rgb(255,
FloralWhite #FFFAF0 250,
240)

rgb(255,
Ivory #FFFFF0 255,
240)

rgb(250,
AntiqueWhite #FAEBD7 235,
215)

rgb(250,
Linen #FAF0E6 240,
230)

rgb(255,
LavenderBlush #FFF0F5 240,
245)

rgb(255,
MistyRose #FFE4E1 228,
225)
Gray HTML Color
Names
RGB
COLOR NAME HEX CODE
CODE

rgb(220,
Gainsboro #DCDCDC 220,
220)

rgb(211,
LightGray #D3D3D3
211, 211)

rgb(192,
Silver #C0C0C0 192,
192)

rgb(169,
DarkGray #A9A9A9 169,
169)

rgb(128,
Gray #808080 128,
128)

rgb(105,
DimGray #696969 105,
105)

rgb(119,
LightSlateGray #778899 136,
153)

rgb(112,
SlateGray #708090 128,
144)

rgb(47,
DarkSlateGray #2F4F4F
79, 79)

rgb(0, 0,
Black #000000
0)

How to use HTML


color names
Just like Hex color codes, HTML
color names can be used with
inline HTML styles or in a
separate CSS stylesheet.

HTM L

<!-- In your HTML document -->


<body>
<h1
style="color:IndianRed">Indian
Red Title Text</h1>
<p
style="color:SlateGray">Slate
gray paragraph text</p>
</body>

C SS

/* In your .css stylesheet */


h1 { color: IndianRed; }
p { color: SlateGray; }

That's all there is too it! If you


want to learn more about using
HTML color names and codes
in your website, check out our
other tutorials for some
additional enlightenment.
DESIGNED BY C O NTACT S O C I A L IZ E

E MA IL G O O G LE +
Dixon & Moe FAC E BO O K
C O DE PE N
© 2 0 1 5 – 2 02 3 PRIVACY PO LICY

A BO U T

We built HTML Color Codes because we


believe tools for design should be well
designed themselves. If you like the site
or have a suggestion, drop us a line;
feedback is very much appreciated and
always welcome!

You might also like