As you know all modern browsers like Google Chrome, Mozilla. Firefox etc supported 140 colors name that you can used in your style css file or inline style. The list for these 140 colors names with their Hex Codes, RGB Codes and HSL Saturation values is bellow. You can used them in your HTML CSS directly by name as well. Bellow is the list of HTML Colors Name Hex Color Code RGB color Code.

HTML Colors Name Hex Color and RGB color Code
Blue HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
AQUA |
#00FFFF |
RGB(0, 255, 255) |
180°, 100%, 50% |
|
CYAN |
#00FFFF |
RGB(0, 255, 255) |
180°, 100%, 50% |
|
LIGHTCYAN |
#E0FFFF |
RGB(224, 255, 255) |
180°, 100%, 94% |
|
PALETURQUOISE |
#AFEEEE |
RGB(175, 238, 238) |
180°, 65%, 81% |
|
AQUAMARINE |
#7FFFD4 |
RGB(127, 255, 212) |
160°, 100%, 75% |
|
TURQUOISE |
#40E0D0 |
RGB(64, 224, 208) |
174°, 72%, 56% |
|
MEDIUMTURQUOISE |
#48D1CC |
RGB(72, 209, 204) |
178°, 60%, 55% |
|
DARKTURQUOISE |
#00CED1 |
RGB(0, 206, 209) |
181°, 100%, 41% |
|
CADETBLUE |
#5F9EA0 |
RGB(95, 158, 160) |
182°, 25%, 50% |
|
STEELBLUE |
#4682B4 |
RGB(70, 130, 180) |
207°, 44%, 49% |
|
LIGHTSTEELBLUE |
#B0C4DE |
RGB(176, 196, 222) |
214°, 41%, 78% |
|
POWDERBLUE |
#B0E0E6 |
RGB(176, 224, 230) |
187°, 52%, 80% |
|
LIGHTBLUE |
#ADD8E6 |
RGB(173, 216, 230) |
195°, 53%, 79% |
|
SKYBLUE |
#87CEEB |
RGB(135, 206, 235) |
197°, 71%, 73% |
|
LIGHTSKYBLUE |
#87CEFA |
RGB(135, 206, 250) |
203°, 92%, 75% |
|
DEEPSKYBLUE |
#00BFFF |
RGB(0, 191, 255) |
195°, 100%, 50% |
|
DODGERBLUE |
#1E90FF |
RGB(30, 144, 255) |
210°, 100%, 56% |
|
CORNFLOWERBLUE |
#6495ED |
RGB(100, 149, 237) |
219°, 79%, 66% |
|
MEDIUMSLATEBLUE |
#7B68EE |
RGB(123, 104, 238) |
249°, 80%, 67% |
|
ROYALBLUE |
#4169E1 |
RGB(65, 105, 225) |
225°, 73%, 57% |
|
BLUE |
#0000FF |
RGB(0, 0, 255) |
240°, 100%, 50% |
|
MEDIUMBLUE |
#0000CD |
RGB(0, 0, 205) |
240°, 100%, 40% |
|
DARKBLUE |
#00008B |
RGB(0, 0, 139) |
240°, 100%, 27% |
|
NAVY |
#000080 |
RGB(0, 0, 128) |
240°, 100%, 25% |
|
MIDNIGHTBLUE |
#191970 |
RGB(25, 25, 112) |
240°, 64%, 27% |
Brown HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
CORNSILK |
#FFF8DC |
RGB(255, 248, 220) |
48°, 100%, 93% |
|
BLANCHEDALMOND |
#FFEBCD |
RGB(255, 235, 205) |
36°, 100%, 90% |
|
BISQUE |
#FFE4C4 |
RGB(255, 228, 196) |
33°, 100%, 88% |
|
NAVAJOWHITE |
#FFDEAD |
RGB(255, 222, 173) |
36°, 100%, 84% |
|
WHEAT |
#F5DEB3 |
RGB(245, 222, 179) |
39°, 77%, 83% |
|
BURLYWOOD |
#DEB887 |
RGB(222, 184, 135) |
34°, 57%, 70% |
|
TAN |
#D2B48C |
RGB(210, 180, 140) |
34°, 44%, 69% |
|
ROSYBROWN |
#BC8F8F |
RGB(188, 143, 143) |
0°, 25%, 65% |
|
SANDYBROWN |
#F4A460 |
RGB(244, 164, 96) |
28°, 87%, 67% |
|
GOLDENROD |
#DAA520 |
RGB(218, 165, 32) |
43°, 74%, 49% |
|
DARKGOLDENROD |
#B8860B |
RGB(184, 134, 11) |
43°, 89%, 38% |
|
PERU |
#CD853F |
RGB(205, 133, 63) |
30°, 59%, 53% |
|
CHOCOLATE |
#D2691E |
RGB(210, 105, 30) |
25°, 75%, 47% |
|
SADDLEBROWN |
#8B4513 |
RGB(139, 69, 19) |
25°, 76%, 31% |
|
SIENNA |
#A0522D |
RGB(160, 82, 45) |
19°, 56%, 40% |
|
BROWN |
#A52A2A |
RGB(165, 42, 42) |
0°, 59%, 41% |
|
MAROON |
#800000 |
RGB(128, 0, 0) |
0°, 100%, 25% |
Gray HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
GAINSBORO |
#DCDCDC |
RGB(220, 220, 220) |
0°, 0%, 86% |
|
LIGHTGRAY |
#D3D3D3 |
RGB(211, 211, 211) |
0°, 0%, 83% |
|
SILVER |
#C0C0C0 |
RGB(192, 192, 192) |
0°, 0%, 75% |
|
DARKGRAY |
#A9A9A9 |
RGB(169, 169, 169) |
0°, 0%, 66% |
|
GRAY |
#808080 |
RGB(128, 128, 128) |
0°, 0%, 50% |
|
DIMGRAY |
#696969 |
RGB(105, 105, 105) |
0°, 0%, 41% |
|
LIGHTSLATEGRAY |
#778899 |
RGB(119, 136, 153) |
210°, 14%, 53% |
|
SLATEGRAY |
#708090 |
RGB(112, 128, 144) |
210°, 13%, 50% |
|
DARKSLATEGRAY |
#2F4F4F |
RGB(47, 79, 79) |
180°, 25%, 25% |
|
BLACK |
#000000 |
RGB(0, 0, 0) |
0°, 0%, 0% |
Green HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
GREENYELLOW |
#ADFF2F |
RGB(173, 255, 47) |
84°, 100%, 59% |
|
CHARTREUSE |
#7FFF00 |
RGB(127, 255, 0) |
90°, 100%, 50% |
|
LAWNGREEN |
#7CFC00 |
RGB(124, 252, 0) |
90°, 100%, 49% |
|
LIME |
#00FF00 |
RGB(0, 255, 0) |
120°, 100%, 50% |
|
LIMEGREEN |
#32CD32 |
RGB(50, 205, 50) |
120°, 61%, 50% |
|
PALEGREEN |
#98FB98 |
RGB(152, 251, 152) |
120°, 93%, 79% |
|
LIGHTGREEN |
#90EE90 |
RGB(144, 238, 144) |
120°, 73%, 75% |
|
MEDIUMSPRINGGREEN |
#00FA9A |
RGB(0, 250, 154) |
157°, 100%, 49% |
|
SPRINGGREEN |
#00FF7F |
RGB(0, 255, 127) |
150°, 100%, 50% |
|
MEDIUMSEAGREEN |
#3CB371 |
RGB(60, 179, 113) |
147°, 50%, 47% |
|
SEAGREEN |
#2E8B57 |
RGB(46, 139, 87) |
146°, 50%, 36% |
|
FORESTGREEN |
#228B22 |
RGB(34, 139, 34) |
120°, 61%, 34% |
|
GREEN |
#008000 |
RGB(0, 128, 0) |
120°, 100%, 25% |
|
DARKGREEN |
#006400 |
RGB(0, 100, 0) |
120°, 100%, 20% |
|
YELLOWGREEN |
#9ACD32 |
RGB(154, 205, 50) |
80°, 61%, 50% |
|
OLIVEDRAB |
#6B8E23 |
RGB(107, 142, 35) |
80°, 60%, 35% |
|
OLIVE |
#808000 |
RGB(128, 128, 0) |
60°, 100%, 25% |
|
DARKOLIVEGREEN |
#556B2F |
RGB(85, 107, 47) |
82°, 39%, 30% |
|
MEDIUMAQUAMARINE |
#66CDAA |
RGB(102, 205, 170) |
160°, 51%, 60% |
|
DARKSEAGREEN |
#8FBC8B |
RGB(143, 188, 139) |
115°, 27%, 64% |
|
LIGHTSEAGREEN |
#20B2AA |
RGB(32, 178, 170) |
177°, 70%, 41% |
|
DARKCYAN |
#008B8B |
RGB(0, 139, 139) |
180°, 100%, 27% |
|
TEAL |
#008080 |
RGB(0, 128, 128) |
180°, 100%, 25% |
Orange HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
LIGHTSALMON |
#FFA07A |
RGB(255, 160, 122) |
17°, 100%, 74% |
|
CORAL |
#FF7F50 |
RGB(255, 127, 80) |
16°, 100%, 66% |
|
TOMATO |
#FF6347 |
RGB(255, 99, 71) |
09°, 100%, 64% |
|
ORANGERED |
#FF4500 |
RGB(255, 69, 0) |
16°, 100%, 50% |
|
DARKORANGE |
#FF8C00 |
RGB(255, 140, 0) |
33°, 100%, 50% |
|
ORANGE |
#FFA500 |
RGB(255, 165, 0) |
39°, 100%, 50% |
Pink HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
PINK |
#FFC0CB |
RGB(255, 192, 203) |
350°, 100%, 88% |
|
LIGHTPINK |
#FFB6C1 |
RGB(255, 182, 193) |
351°, 100%, 86% |
|
HOTPINK |
#FF69B4 |
RGB(255, 105, 180) |
330°, 100%, 71% |
|
DEEPPINK |
#FF1493 |
RGB(255, 20, 147) |
328°, 100%, 54% |
|
MEDIUMVIOLETRED |
#C71585 |
RGB(199, 21, 133) |
322°, 81%, 43% |
|
PALEVIOLETRED |
#DB7093 |
RGB(219, 112, 147) |
340°, 60%, 65% |
Purple HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
LAVENDER |
#E6E6FA |
RGB(230, 230, 250) |
240°, 67%, 94% |
|
THISTLE |
#D8BFD8 |
RGB(216, 191, 216) |
300°, 24%, 80% |
|
PLUM |
#DDA0DD |
RGB(221, 160, 221) |
300°, 47%, 75% |
|
VIOLET |
#EE82EE |
RGB(238, 130, 238) |
300°, 76%, 72% |
|
ORCHID |
#DA70D6 |
RGB(218, 112, 214) |
302°, 59%, 65% |
|
FUCHSIA |
#FF00FF |
RGB(255, 0, 255) |
300°, 100%, 50% |
|
MAGENTA |
#FF00FF |
RGB(255, 0, 255) |
300°, 100%, 50% |
|
MEDIUMORCHID |
#BA55D3 |
RGB(186, 85, 211) |
288°, 59%, 58% |
|
MEDIUMPURPLE |
#9370DB |
RGB(147, 112, 219) |
260°, 60%, 65% |
|
REBECCAPURPLE |
#663399 |
RGB(102, 51, 153) |
270°, 50%, 40% |
|
BLUEVIOLET |
#8A2BE2 |
RGB(138, 43, 226) |
271°, 76%, 53% |
|
DARKVIOLET |
#9400D3 |
RGB(148, 0, 211) |
282°, 100%, 41% |
|
DARKORCHID |
#9932CC |
RGB(153, 50, 204) |
280°, 61%, 50% |
|
DARKMAGENTA |
#8B008B |
RGB(139, 0, 139) |
300°, 100%, 27% |
|
PURPLE |
#800080 |
RGB(128, 0, 128) |
300°, 100%, 25% |
|
INDIGO |
#4B0082 |
RGB(75, 0, 130) |
275°, 100%, 25% |
|
SLATEBLUE |
#6A5ACD |
RGB(106, 90, 205) |
248°, 53%, 58% |
|
DARKSLATEBLUE |
#483D8B |
RGB(72, 61, 139) |
248°, 39%, 39% |
|
MEDIUMSLATEBLUE |
#7B68EE |
RGB(123, 104, 238) |
249°, 80%, 67% |
Red HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
INDIANRED |
#CD5C5C |
RGB(205, 92, 92) |
00°, 53%, 58% |
|
LIGHTCORAL |
#F08080 |
RGB(240, 128, 128) |
0°, 79%, 72% |
|
SALMON |
#FA8072 |
RGB(250, 128, 114) |
06°, 93%, 71% |
|
DARKSALMON |
#E9967A |
RGB(233, 150, 122) |
15°, 72%, 70% |
|
LIGHTSALMON |
#FFA07A |
RGB(255, 160, 122) |
17°, 100%, 74% |
|
CRIMSON |
#DC143C |
RGB(220, 20, 60) |
348°, 83%, 47% |
|
RED |
#FF0000 |
RGB(255, 0, 0) |
00°, 100%, 50% |
|
FIREBRICK |
#B22222 |
RGB(178, 34, 34) |
00°, 68%, 42% |
|
DARKRED |
#8B0000 |
RGB(139, 0, 0) |
00°, 100%, 27% |
White HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
WHITE |
#FFFFFF |
RGB(255, 255, 255) |
0°, 0%, 100% |
|
SNOW |
#FFFAFA |
RGB(255, 250, 250) |
0°, 100%, 99% |
|
HONEYDEW |
#F0FFF0 |
RGB(240, 255, 240) |
120°, 100%, 97% |
|
MINTCREAM |
#F5FFFA |
RGB(245, 255, 250) |
150°, 100%, 98% |
|
AZURE |
#F0FFFF |
RGB(240, 255, 255) |
180°, 100%, 97% |
|
ALICEBLUE |
#F0F8FF |
RGB(240, 248, 255) |
208°, 100%, 97% |
|
GHOSTWHITE |
#F8F8FF |
RGB(248, 248, 255) |
240°, 100%, 99% |
|
WHITESMOKE |
#F5F5F5 |
RGB(245, 245, 245) |
0°, 0%, 96% |
|
SEASHELL |
#FFF5EE |
RGB(255, 245, 238) |
25°, 100%, 97% |
|
BEIGE |
#F5F5DC |
RGB(245, 245, 220) |
60°, 56%, 91% |
|
OLDLACE |
#FDF5E6 |
RGB(253, 245, 230) |
39°, 85%, 95% |
|
FLORALWHITE |
#FFFAF0 |
RGB(255, 250, 240) |
40°, 100%, 97% |
|
IVORY |
#FFFFF0 |
RGB(255, 255, 240) |
60°, 100%, 97% |
|
ANTIQUEWHITE |
#FAEBD7 |
RGB(250, 235, 215) |
34°, 78%, 91% |
|
LINEN |
#FAF0E6 |
RGB(250, 240, 230) |
30°, 67%, 94% |
|
LAVENDERBLUSH |
#FFF0F5 |
RGB(255, 240, 245) |
340°, 100%, 97% |
|
MISTYROSE |
#FFE4E1 |
RGB(255, 228, 225) |
6°, 100%, 94% |
Yellow HTML Color Names |
||||
---|---|---|---|---|
Color Platter | Color Name | Hex Code | RGB Code | HSL Saturation Hue – Satur – Light |
GOLD |
#FFD700 |
RGB(255, 215, 0) |
51°, 100%, 50% |
|
YELLOW |
#FFFF00 |
RGB(255, 255, 0) |
60°, 100%, 50% |
|
LIGHTYELLOW |
#FFFFE0 |
RGB(255, 255, 224) |
60°, 100%, 94% |
|
LEMONCHIFFON |
#FFFACD |
RGB(255, 250, 205) |
54°, 100%, 90% |
|
LIGHTGOLDENRODYELLOW |
#FAFAD2 |
RGB(250, 250, 210) |
60°, 80%, 90% |
|
PAPAYAWHIP |
#FFEFD5 |
RGB(255, 239, 213) |
37°, 100%, 92% |
|
MOCCASIN |
#FFE4B5 |
RGB(255, 228, 181) |
38°, 100%, 85% |
|
PEACHPUFF |
#FFDAB9 |
RGB(255, 218, 185) |
28°, 100%, 86% |
|
PALEGOLDENROD |
#EEE8AA |
RGB(238, 232, 170) |
55°, 67%, 80% |
|
KHAKI |
#F0E68C |
RGB(240, 230, 140) |
54°, 77%, 75% |
|
DARKKHAKI |
#BDB76B |
RGB(189, 183, 107) |
56°, 38%, 58% |
Go To Top Color Menu Bar ↑
How to use HTML Colors Name Hex Code
There is not much diffirent to use RGB Colors also. RGB colors values are used same as HTML Hex color codes, main differ to implementation of these are used in bracket. like Hex color codes you can used HTML color names with inline HTML styles or in a separate CSS style sheets.
HTML
<!-- In your HTML document -->
<body>
<h1 style="color:IndianRed">Indian Red Title Text</h1>
<p style="color:SlateGray">Slate gray paragraph text</p>
<div class="test-color">Slate gray paragraph text</div>
</body>
CSS
/* In your .css stylesheet */
h1 { color: IndianRed; }
p { color: SlateGray; }
.test-color{color: RGB(0, 255, 255);}
Read HTML Characters Codes-and Symbols Codes
That’s all for today and there are almost all the colors name and there codes available. Hope find it useful HTML Colors Name Hex Color Code RGB color Codes and their saturation values.
HTML Colors Name Hex Color and RGB color Code
If you find it helpful, don’t forget it with beloved frineds