
- Colors Name Hex Color Code
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
- Basic Colors List
Blue
Brown
Grey
Green
Orange
Pink
Purple
Red
White
Yellow
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.
Colors Name Hex Color Code 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 also: HTML Characters Codes-and Symbols Codes
That’s all for today and there is too it! Hope find it useful HTML Colors Name Hex Color Code RGB color Codes and their saturation values. Colors Name Hex Color Code RGB Color Code