Table of Contents
HTML color codes and names : The color green / green with HTML/CSS hexadecimal code #008000 is a medium dark shade of green. In the RGB color model #008000 is comprised of 0% red, 50.2% green and 0% blue. #008000 of the HSL color space has 120 degrees of hue, 100% saturation, and 25% lightness. This color has an estimated wavelength of 549.13 nm.
HTML (Hypertext Markup Language) is the standard language used to create web pages. One of the most important aspects of HTML is the ability to specify colors for text, backgrounds, and other elements on a web page. In this article, we’ll discuss HTML color codes and names and how to use them in your web development projects.
HTML color codes and names
All the colors of the world can be made by mixing the three main colors Red, Green and Blue in different proportions. The quantity of these colors in Comptuer is decided by Hexa Decimal Codes. To represent the color in the web page, we use #RRGGBB format code, where RR represents the amount of red color, GG represents the amount of green color and BB represents the amount of blue color.
In place of these codes, we can use 0 1 2 3 4 5 6 7 8 9 A B C D E F all the digits (256) that are formed in the pair of digits. Like 00, 0F, F0, AB, BB, CE, E8 etc. All these numbers represent the quantity of colours. That is, the number 00 represents the minimum amount of any color while the number FF represents the maximum amount of any color.
For example if we want to get pure red color, then we have to write #FF0000 Hexa Decimal Color Code. The meaning of this code is that this code will generate that color, in which the amount of red color will be maximum but the amount of green and blue will be minimum. Similarly, if we keep the minimum quantity of all three colors i.e. 00, then we get #000000 Color Code, which is the Color Code of Black Color. Whereas if we keep the maximum quantity of all three colors i.e. FF, then we get #FFFFFF Color Code, which is the Color Code of White Color.
Red HTML Color Names
Pink HTML Color Names
Orange HTML Color Names
Yellow HTML Color Names
Purple HTML Color Names
Green HTML Color Names
| NAME | HEX CODE | RGB CODE |
|---|---|---|
| GreenYellow | #ADFF2F | rgb(173, 255, 47) |
| Chartreuse | #7FFF00 | rgb(127, 255, 0) |
| LawnGreen | #7CFC00 | rgb(124, 252, 0) |
| Lime | #00FF00 | rgb(0, 255, 0) |
| LimeGreen | #32CD32 | rgb(50, 205, 50) |
| PaleGreen | #98FB98 | rgb(152, 251, 152) |
| LightGreen | #90EE90 | rgb(144, 238, 144) |
| MediumSpringGreen | #00FA9A | rgb(0, 250, 154) |
| SpringGreen | #00FF7F | rgb(0, 255, 127) |
| MediumSeaGreen | #3CB371 | rgb(60, 179, 113) |
| SeaGreen | #2E8B57 | rgb(46, 139, 87) |
| ForestGreen | #228B22 | rgb(34, 139, 34) |
| Green | #008000 | rgb(0, 128, 0) |
| DarkGreen | #006400 | rgb(0, 100, 0) |
| YellowGreen | #9ACD32 | rgb(154, 205, 50) |
| OliveDrab | #6B8E23 | rgb(107, 142, 35) |
| Olive | #808000 | rgb(128, 128, 0) |
| DarkOliveGreen | #556B2F | rgb(85, 107, 47) |
| MediumAquamarine | #66CDAA | rgb(102, 205, 170) |
| DarkSeaGreen | #8FBC8B | rgb(143, 188, 139) |
| LightSeaGreen | #20B2AA | rgb(32, 178, 170) |
| DarkCyan | #008B8B | rgb(0, 139, 139) |
| Teal | #008080 | rgb(0, 128, 128) |
Blue HTML Color Names
| NAME | HEX CODE | RGB CODE |
|---|---|---|
| Aqua | #00FFFF | rgb(0, 255, 255) |
| Cyan | #00FFFF | rgb(0, 255, 255) |
| LightCyan | #E0FFFF | rgb(224, 255, 255) |
| PaleTurquoise | #AFEEEE | rgb(175, 238, 238) |
| Aquamarine | #7FFFD4 | rgb(127, 255, 212) |
| Turquoise | #40E0D0 | rgb(64, 224, 208) |
| MediumTurquoise | #48D1CC | rgb(72, 209, 204) |
| DarkTurquoise | #00CED1 | rgb(0, 206, 209) |
| CadetBlue | #5F9EA0 | rgb(95, 158, 160) |
| SteelBlue | #4682B4 | rgb(70, 130, 180) |
| LightSteelBlue | #B0C4DE | rgb(176, 196, 222) |
| PowderBlue | #B0E0E6 | rgb(176, 224, 230) |
| LightBlue | #ADD8E6 | rgb(173, 216, 230) |
| SkyBlue | #87CEEB | rgb(135, 206, 235) |
| LightSkyBlue | #87CEFA | rgb(135, 206, 250) |
| DeepSkyBlue | #00BFFF | rgb(0, 191, 255) |
| DodgerBlue | #1E90FF | rgb(30, 144, 255) |
| CornflowerBlue | #6495ED | rgb(100, 149, 237) |
| MediumSlateBlue | #7B68EE | rgb(123, 104, 238) |
| RoyalBlue | #4169E1 | rgb(65, 105, 225) |
| Blue | #0000FF | rgb(0, 0, 255) |
| MediumBlue | #0000CD | rgb(0, 0, 205) |
| DarkBlue | #00008B | rgb(0, 0, 139) |
| Navy | #000080 | rgb(0, 0, 128) |
| MidnightBlue | #191970 | rgb(25, 25, 112) |
Brown HTML Color Names
| NAME | HEX CODE | RGB CODE |
|---|---|---|
| Cornsilk | #FFF8DC | rgb(255, 248, 220) |
| BlanchedAlmond | #FFEBCD | rgb(255, 235, 205) |
| Bisque | #FFE4C4 | rgb(255, 228, 196) |
| NavajoWhite | #FFDEAD | rgb(255, 222, 173) |
| Wheat | #F5DEB3 | rgb(245, 222, 179) |
| BurlyWood | #DEB887 | rgb(222, 184, 135) |
| Tan | #D2B48C | rgb(210, 180, 140) |
| RosyBrown | #BC8F8F | rgb(188, 143, 143) |
| SandyBrown | #F4A460 | rgb(244, 164, 96) |
| Goldenrod | #DAA520 | rgb(218, 165, 32) |
| DarkGoldenrod | #B8860B | rgb(184, 134, 11) |
| Peru | #CD853F | rgb(205, 133, 63) |
| Chocolate | #D2691E | rgb(210, 105, 30) |
| SaddleBrown | #8B4513 | rgb(139, 69, 19) |
| Sienna | #A0522D | rgb(160, 82, 45) |
| Brown | #A52A2A | rgb(165, 42, 42) |
| Maroon | #800000 | rgb(128, 0, 0) |
White HTML Color Names
| NAME | HEX CODE | RGB CODE |
|---|---|---|
| White | #FFFFFF | rgb(255, 255, 255) |
| Snow | #FFFAFA | rgb(255, 250, 250) |
| HoneyDew | #F0FFF0 | rgb(240, 255, 240) |
| MintCream | #F5FFFA | rgb(245, 255, 250) |
| Azure | #F0FFFF | rgb(240, 255, 255) |
| AliceBlue | #F0F8FF | rgb(240, 248, 255) |
| GhostWhite | #F8F8FF | rgb(248, 248, 255) |
| WhiteSmoke | #F5F5F5 | rgb(245, 245, 245) |
| SeaShell | #FFF5EE | rgb(255, 245, 238) |
| Beige | #F5F5DC | rgb(245, 245, 220) |
| OldLace | #FDF5E6 | rgb(253, 245, 230) |
| FloralWhite | #FFFAF0 | rgb(255, 250, 240) |
| Ivory | #FFFFF0 | rgb(255, 255, 240) |
| AntiqueWhite | #FAEBD7 | rgb(250, 235, 215) |
| Linen | #FAF0E6 | rgb(250, 240, 230) |
| LavenderBlush | #FFF0F5 | rgb(255, 240, 245) |
| MistyRose | #FFE4E1 | rgb(255, 228, 225) |
Gray HTML Color Names
| NAME | HEX CODE | RGB CODE |
|---|---|---|
| Gainsboro | #DCDCDC | rgb(220, 220, 220) |
| LightGray | #D3D3D3 | rgb(211, 211, 211) |
| Silver | #C0C0C0 | rgb(192, 192, 192) |
| DarkGray | #A9A9A9 | rgb(169, 169, 169) |
| Gray | #808080 | rgb(128, 128, 128) |
| DimGray | #696969 | rgb(105, 105, 105) |
| LightSlateGray | #778899 | rgb(119, 136, 153) |
| SlateGray | #708090 | rgb(112, 128, 144) |
| DarkSlateGray | #2F4F4F | rgb(47, 79, 79) |
| Black | #000000 | rgb(0, 0, 0) |
HTML color codes
FAQ
Can I use colors that are not in the predefined HTML color names list?
Yes, you can use colors that are not in the predefined HTML color names list by using hexadecimal codes. Hexadecimal codes allow you to specify any color, not just the 147 predefined colors in HTML.
Is it better to use hexadecimal codes or color names in HTML?
It’s generally recommended to use hexadecimal codes in HTML for maximum compatibility across web browsers. However, using color names can make your code more readable and easier to understand.
Can I use CSS to change the color of an element that has already been styled with a color in HTML?
Yes, CSS will override any styles that were set in HTML.
Final Words
Web colors are colors used to display web pages on the World Wide Web, and methods for describing and specifying those colors. Colors may be specified in RGB triplet or hexadecimal format (a hex triplet) or in some cases by their common English names. Often a color tool or other graphics software is used to generate the color values.
