Discover the most popular color names used in web design, along with their HEX, RGB, and HSL codes.
Colors are crucial in web design as they can evoke emotions, convey meaning, and impact user behavior. In web design, color names are used to identify colors, making it easier for designers to select and use them.
In addition, many online resources are available to help designers select the perfect colors for their projects. Check out Color Theory for an in-depth guide to color theory and how it applies to web design.
By using the most popular color names and browser-safe colors, designers can create visually appealing and functional websites across different devices and platforms. Check out Color Picker for a tool that helps designers select colors for their projects. Here, we will explore the most popular color names and the concept of browser-safe colors.
Red, blue, green, yellow, purple, and orange are among web design's most popular color names. Each color has its own HEX, RGB, and HSL codes, which are numerical representations of the color.
Red: Red is a warm color that symbolizes passion, love, and excitement. Its HEX code is #FF0000, its RGB code is 255, 0, 0, and its HSL code is 0, 100%, 50%.
Blue: Blue is a cool color that represents calmness, trust, and intelligence. Its HEX code is #0000FF, its RGB code is 0, 0, 255, and its HSL code is 240, 100%, 50%.
Green: Green is a color that symbolizes nature, growth, and harmony. Its HEX code is #008000, its RGB code is 0, 128, 0, and its HSL code is 120, 100%, 25%.
Yellow: Yellow is a color that represents sunshine, happiness, and optimism. Its HEX code is #FFFF00, its RGB code is 255, 255, 0, and its HSL code is 60, 100%, 50%.
Purple: Purple is a color that symbolizes luxury, royalty, and creativity. Its HEX code is #800080, its RGB code is 128, 0, 128, and its HSL code is 300, 100%, 25%.
Orange: Orange is a color that represents warmth, energy, and enthusiasm. Its HEX code is #FFA500, its RGB code is 255, 165, 0, and its HSL code is 39, 100%, 50%.
Browser-safe colors are a subset of the 216 web-safe colors, which were popular in the early days of the internet. The 140 web-safe color names are still used in web design because they ensure consistent color rendering across devices and platforms.
These colors are essential in web design because they display consistently across browsers and operating systems. Check out HTML Color Codes and CSS Color Codes for more information about color codes and how to use them in web design.
The 140 Web Safe Color Names are listed below, with their corresponding HEX code, RGB code, and HSL code:
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| darkred | #8B0000 | rgb(139,0,0) | hsl(0,100%,27%) | |
| firebrick | #B22222 | rgb(178,34,34) | hsl(0,68%,42%) | |
| indianred | #CD5C5C | rgb(205,92,92) | hsl(0,53%,58%) | |
| crimson | #DC143C | rgb(220,20,60) | hsl(97,83%,47%) | |
| darksalmon | #E9967A | rgb(233,150,122) | hsl(4,72%,70%) | |
| lightcoral | #F08080 | rgb(240,128,128) | hsl(0,79%,72%) | |
| salmon | #FA8072 | rgb(250,128,114) | hsl(2,93%,71%) | |
| red | #FF0000 | rgb(255,0,0) | hsl(0,100%,50%) | |
| lightsalmon | #FFA07A | rgb(255,160,122) | hsl(5,100%,74%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| darkkhaki | #BDB76B | rgb(189,183,107) | hsl(15,38%,58%) | |
| palegoldenrod | #EEE8AA | rgb(238,232,170) | hsl(15,67%,80%) | |
| khaki | #F0E68C | rgb(240,230,140) | hsl(15,77%,75%) | |
| lightgoldenrodyellow | #FAFAD2 | rgb(250,250,210) | hsl(17,80%,90%) | |
| peachpuff | #FFDAB9 | rgb(255,218,185) | hsl(8,100%,86%) | |
| moccasin | #FFE4B5 | rgb(255,228,181) | hsl(11,100%,85%) | |
| papayawhip | #FFEFD5 | rgb(255,239,213) | hsl(10,100%,92%) | |
| lemonchiffon | #FFFACD | rgb(255,250,205) | hsl(15,100%,90%) | |
| yellow | #FFFF00 | rgb(255,255,0) | hsl(17,100%,50%) | |
| lightyellow | #FFFFE0 | rgb(255,255,224) | hsl(17,100%,94%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| orangered | #FF4500 | rgb(255,69,0) | hsl(5,100%,50%) | |
| tomato | #FF6347 | rgb(255,99,71) | hsl(3,100%,64%) | |
| coral | #FF7F50 | rgb(255,127,80) | hsl(4,100%,66%) | |
| darkorange | #FF8C00 | rgb(255,140,0) | hsl(9,100%,50%) | |
| orange | #FFA500 | rgb(255,165,0) | hsl(11,100%,50%) | |
| gold | #FFD700 | rgb(255,215,0) | hsl(14,100%,50%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| mediumvioletred | #C71585 | rgb(199,21,133) | hsl(90,81%,43%) | |
| palevioletred | #DB7093 | rgb(219,112,147) | hsl(95,60%,65%) | |
| deeppink | #FF1493 | rgb(255,20,147) | hsl(91,100%,54%) | |
| hotpink | #FF69B4 | rgb(255,105,180) | hsl(92,100%,71%) | |
| lightpink | #FFB6C1 | rgb(255,182,193) | hsl(97,100%,86%) | |
| pink | #FFC0CB | rgb(255,192,203) | hsl(97,100%,88%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| darkgreen | #006400 | rgb(0,100,0) | hsl(33,100%,20%) | |
| green | #008000 | rgb(0,128,0) | hsl(33,100%,25%) | |
| mediumspringgreen | #00FA9A | rgb(0,250,154) | hsl(44,100%,49%) | |
| lime | #00FF00 | rgb(0,255,0) | hsl(33,100%,50%) | |
| springgreen | #00FF7F | rgb(0,255,127) | hsl(42,100%,50%) | |
| forestgreen | #228B22 | rgb(34,139,34) | hsl(33,61%,34%) | |
| seagreen | #2E8B57 | rgb(46,139,87) | hsl(41,50%,36%) | |
| limegreen | #32CD32 | rgb(50,205,50) | hsl(33,61%,50%) | |
| mediumseagreen | #3CB371 | rgb(60,179,113) | hsl(41,50%,47%) | |
| darkolivegreen | #556B2F | rgb(85,107,47) | hsl(23,39%,30%) | |
| olivedrab | #6B8E23 | rgb(107,142,35) | hsl(22,60%,35%) | |
| lawngreen | #7CFC00 | rgb(124,252,0) | hsl(25,100%,49%) | |
| chartreuse | #7FFF00 | rgb(127,255,0) | hsl(25,100%,50%) | |
| olive | #808000 | rgb(128,128,0) | hsl(17,100%,25%) | |
| darkseagreen | #8FBC8F | rgb(143,188,143) | hsl(33,25%,65%) | |
| lightgreen | #90EE90 | rgb(144,238,144) | hsl(33,73%,75%) | |
| palegreen | #98FB98 | rgb(152,251,152) | hsl(33,93%,79%) | |
| yellowgreen | #9ACD32 | rgb(154,205,50) | hsl(22,61%,50%) | |
| greenyellow | #ADFF2F | rgb(173,255,47) | hsl(23,100%,59%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| navy | #000080 | rgb(0,0,128) | hsl(67,100%,25%) | |
| darkblue | #00008B | rgb(0,0,139) | hsl(67,100%,27%) | |
| mediumblue | #0000CD | rgb(0,0,205) | hsl(67,100%,40%) | |
| blue | #0000FF | rgb(0,0,255) | hsl(67,100%,50%) | |
| deepskyblue | #00BFFF | rgb(0,191,255) | hsl(54,100%,50%) | |
| midnightblue | #191970 | rgb(25,25,112) | hsl(67,64%,27%) | |
| dodgerblue | #1E90FF | rgb(30,144,255) | hsl(58,100%,56%) | |
| royalblue | #4169E1 | rgb(65,105,225) | hsl(63,73%,57%) | |
| steelblue | #4682B4 | rgb(70,130,180) | hsl(58,44%,49%) | |
| darkslateblue | #483D8B | rgb(72,61,139) | hsl(69,39%,39%) | |
| cornflowerblue | #6495ED | rgb(100,149,237) | hsl(61,79%,66%) | |
| slateblue | #6A5ACD | rgb(106,90,205) | hsl(69,53%,58%) | |
| mediumslateblue | #7B68EE | rgb(123,104,238) | hsl(69,80%,67%) | |
| skyblue | #87CEEB | rgb(135,206,235) | hsl(55,71%,73%) | |
| lightskyblue | #87CEFA | rgb(135,206,250) | hsl(56,92%,75%) | |
| lightblue | #ADD8E6 | rgb(173,216,230) | hsl(54,53%,79%) | |
| lightsteelblue | #B0C4DE | rgb(176,196,222) | hsl(59,41%,78%) | |
| powderblue | #B0E0E6 | rgb(176,224,230) | hsl(52,52%,80%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| teal | #008080 | rgb(0,128,128) | hsl(50,100%,25%) | |
| darkcyan | #008B8B | rgb(0,139,139) | hsl(50,100%,27%) | |
| darkturquoise | #00CED1 | rgb(0,206,209) | hsl(50,100%,41%) | |
| cyan | #00FFFF | rgb(0,255,255) | hsl(50,100%,50%) | |
| aqua | #00FFFF | rgb(0,255,255) | hsl(50,100%,50%) | |
| lightseagreen | #20B2AA | rgb(32,178,170) | hsl(49,70%,41%) | |
| turquoise | #40E0D0 | rgb(64,224,208) | hsl(48,72%,56%) | |
| mediumturquoise | #48D1CC | rgb(72,209,204) | hsl(49,60%,55%) | |
| cadetblue | #5F9EA0 | rgb(95,158,160) | hsl(51,25%,50%) | |
| mediumaquamarine | #66CDAA | rgb(102,205,170) | hsl(44,51%,60%) | |
| aquamarine | #7FFFD4 | rgb(127,255,212) | hsl(44,100%,75%) | |
| paleturquoise | #AFEEEE | rgb(175,238,238) | hsl(50,65%,81%) | |
| lightcyan | #E0FFFF | rgb(224,255,255) | hsl(50,100%,94%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| indigo | #4B0082 | rgb(75,0,130) | hsl(76,100%,25%) | |
| purple | #800080 | rgb(128,0,128) | hsl(83,100%,25%) | |
| blueviolet | #8A2BE2 | rgb(138,43,226) | hsl(75,76%,53%) | |
| darkmagenta | #8B008B | rgb(139,0,139) | hsl(83,100%,27%) | |
| mediumpurple | #9370DB | rgb(147,112,219) | hsl(72,60%,65%) | |
| darkviolet | #9400D3 | rgb(148,0,211) | hsl(78,100%,41%) | |
| darkorchid | #9932CC | rgb(153,50,204) | hsl(78,61%,50%) | |
| mediumorchid | #BA55D3 | rgb(186,85,211) | hsl(80,59%,58%) | |
| thistle | #D8BFD8 | rgb(216,191,216) | hsl(83,24%,80%) | |
| orchid | #DA70D6 | rgb(218,112,214) | hsl(84,59%,65%) | |
| plum | #DDA0DD | rgb(221,160,221) | hsl(83,47%,75%) | |
| lavender | #E6E6FA | rgb(230,230,250) | hsl(67,67%,94%) | |
| violet | #EE82EE | rgb(238,130,238) | hsl(83,76%,72%) | |
| fuchsia | #FF00FF | rgb(255,0,255) | hsl(83,100%,50%) | |
| magenta | #FF00FF | rgb(255,0,255) | hsl(83,100%,50%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| aliceblue | #F0F8FF | rgb(240,248,255) | hsl(58,100%,97%) | |
| honeydew | #F0FFF0 | rgb(240,255,240) | hsl(33,100%,97%) | |
| azure | #F0FFFF | rgb(240,255,255) | hsl(50,100%,97%) | |
| beige | #F5F5DC | rgb(245,245,220) | hsl(17,56%,91%) | |
| whitesmoke | #F5F5F5 | rgb(245,245,245) | hsl(0,0%,96%) | |
| mintcream | #F5FFFA | rgb(245,255,250) | hsl(42,100%,98%) | |
| ghostwhite | #F8F8FF | rgb(248,248,255) | hsl(67,100%,99%) | |
| antiquewhite | #FAEBD7 | rgb(250,235,215) | hsl(10,78%,91%) | |
| linen | #FAF0E6 | rgb(250,240,230) | hsl(8,67%,94%) | |
| oldlace | #FDF5E6 | rgb(253,245,230) | hsl(11,85%,95%) | |
| mistyrose | #FFE4E1 | rgb(255,228,225) | hsl(2,100%,94%) | |
| lavenderblush | #FFF0F5 | rgb(255,240,245) | hsl(94,100%,97%) | |
| seashell | #FFF5EE | rgb(255,245,238) | hsl(7,100%,97%) | |
| floralwhite | #FFFAF0 | rgb(255,250,240) | hsl(11,100%,97%) | |
| snow | #FFFAFA | rgb(255,250,250) | hsl(0,100%,99%) | |
| ivory | #FFFFF0 | rgb(255,255,240) | hsl(17,100%,97%) | |
| white | #FFFFFF | rgb(255,255,255) | hsl(0,0%,100%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| maroon | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | |
| saddlebrown | #8B4513 | rgb(139,69,19) | hsl(7,76%,31%) | |
| sienna | #A0522D | rgb(160,82,45) | hsl(5,56%,40%) | |
| brown | #A52A2A | rgb(165,42,42) | hsl(0,59%,41%) | |
| rosybrown | #BC8F8F | rgb(188,143,143) | hsl(0,25%,65%) | |
| peru | #CD853F | rgb(205,133,63) | hsl(8,59%,53%) | |
| chocolate | #D2691E | rgb(210,105,30) | hsl(7,75%,47%) | |
| tan | #D2B48C | rgb(210,180,140) | hsl(10,44%,69%) | |
| goldenrod | #DAA520 | rgb(218,165,32) | hsl(12,74%,49%) | |
| burlywood | #DEB887 | rgb(222,184,135) | hsl(9,57%,70%) | |
| sandybrown | #F4A460 | rgb(244,164,96) | hsl(8,87%,67%) | |
| wheat | #F5DEB3 | rgb(245,222,179) | hsl(11,77%,83%) | |
| navajowhite | #FFDEAD | rgb(255,222,173) | hsl(10,100%,84%) | |
| bisque | #FFE4C4 | rgb(255,228,196) | hsl(9,100%,88%) | |
| blanchedalmond | #FFEBCD | rgb(255,235,205) | hsl(10,100%,90%) | |
| cornsilk | #FFF8DC | rgb(255,248,220) | hsl(13,100%,93%) |
| COLOR | NAME | HEX | RGB | HSL |
|---|---|---|---|---|
| black | #000000 | rgb(0,0,0) | hsl(0,0%,0%) | |
| darkslategray | #2F4F4F | rgb(47,79,79) | hsl(50,25%,25%) | |
| dimgray | #696969 | rgb(105,105,105) | hsl(0,0%,41%) | |
| slategray | #708090 | rgb(112,128,144) | hsl(58,13%,50%) | |
| lightslategray | #778899 | rgb(119,136,153) | hsl(58,14%,53%) | |
| gray | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | |
| darkgray | #A9A9A9 | rgb(169,169,169) | hsl(0,0%,66%) | |
| silver | #C0C0C0 | rgb(192,192,192) | hsl(0,0%,75%) | |
| lightgray | #D3D3D3 | rgb(211,211,211) | hsl(0,0%,83%) | |
| gainsboro | #DCDCDC | rgb(220,220,220) | hsl(0,0%,86%) |