HTML Hex Color Codes

21 Feb, 2022
Example: In this example, we simply print the different hex color codes by using the background-color style in HTML heading tag.
HTML
<!DOCTYPE html><html> <head>  <title>HTML Hex Color Codes</title></head> <body>  <h1>Welcome To GeeksforGeeks</h1>  <h2 style="background-color:#808000;">#808000</h2>  <h2 style="background-color:#CD5C5C;">#CD5C5C</h2>  <h2 style="background-color:#FFA07A;">#FFA07A</h2>  <h2 style="background-color:#DC143C;">#DC143C</h2></body> </html>
Output:
HTML Color Codes are the medium of representing the colors format that a computer could read and display. The most used Color codes are Hex codes. Hex codes are three-byte hexadecimal numbers (consist of six variables), with a pair of characters in the Hex code, representing the intensity of red, green, and blue in the color respectively.
Format of Hex Color Codes: Each Hex color code contains the symbol “#” followed by 6 alphabets or numbers. Numbers are in the hexadecimal numeric system. There are 1,67,77,216 different color possibilities. 00 value range of the code represents the lowest intensity of color on the other hand FF value range of code represents the highest intensity.
Meaning of a Hex code:
The 1st and 2nd variable in Hex color code represents the intensity of red color.
The 3rd and 4th variable represents the intensity of green.
The 5th and 6th variable represents the intensity of blue.
By combining the intensities of red, green, and blue almost any color can be made.
The white color is a mixture of the three primary colors at full intensity representing the Hex color code #FFFFFF.
The black color is a mixture of the three primary colors at the lowest intensity representing the color code #000000.
Example:
HTML
<!DOCTYPE html><html> <head>  <title>HTML Hex Color Codes Examples</title></head> <body>  <h1>Welcome To GeeksforGeeks</h1>  <h2 style="background-color:#FF0000;">#FF0000</h2>  <h2 style="background-color:#00FF00;">#00FF00</h2>  <h2 style="background-color:#0000FF;">#0000FF</h2>  <h2 style="background-color:#FFFF00;">#FFFF00</h2>  <h2 style="background-color:#CCEEFF;">#CCEEFF</h2></body> </html>
Output:
#FF0000 – This HTML color code shows just red and no green and no blue. #00FF00 – This HTML color code shows just green and no red and blue. #0000FF – This HTML color code shows just blue and no red and green. #FFFF00 – This HTML color code is a mixture of red and green colors defined as yellow. #CCEEFF – This HTML color code is a mixture of more green and maximum blue provides color like the sky.
 List of some common HTML color codes: 
COLOR NAME 
HEX COLOR CODE 
RGB COLOR CODE
SILVER 
#C0C0C0 
RGB(192, 192, 192)
GRAY 
#808080 
RGB(128, 128, 128)
MAROON 
#800000 
RGB(128, 0, 0)
OLIVE
#808000 
RGB(128, 128, 0)
LIME
#00FF00 
RGB(0, 255, 0)
AQUA 
#00FFFF 
RGB(0, 255, 255)
TEAL 
#008080 
RGB(0, 128, 128)
NAVY 
#000080 
RGB(0, 0, 128)
FUCHSIA 
#FF00FF 
RGB(255, 0, 255)
PURPLE 
#800080 
RGB(128, 0, 128)
INDIANRED 
#CD5C5C 
RGB(205, 92, 92)
LIGHTCORAL 
#F08080 
RGB(240, 128, 128)
SALMON 
#FA8072 
RGB(250, 128, 114)
DARKSALMON 
#E9967A 
RGB(233, 150, 122)
LIGHTSALMON 
#FFA07A 
RGB(255, 160, 122)
 
Hex Color Codes with the saturation of basic single colors and lightness of that colors that can be used:
Shades of RED Colors:
Example:
 
Color Name
HTML Color Code
RGB Color Code
lightsalmon
#FFA07A 
rgb(255,160,122)
salmon
 #FA8072
rgb(250,128,114)
darksalmon
 #E9967A
rgb(233,150,122)
lightcoral
 #F08080
rgb(240,128,128)
indianred
 #CD5C5C
rgb(205,92,92)
crimson
#DC143C
rgb(220,20,60)
firebrick
#B22222
rgb(178,34,34)
red
 #FF0000
rgb(255,0,0)
darkred
#8B0000
rgb(139,0,0)
HTML
<!DOCTYPE html><html> <head>  <title>Shades of Red Colors</title></head> <body>  <h1>Welcome To GeeksforGeeks</h1>  <h2 style="background-color:#FFA07A;">#FFA07A</h2>  <h2 style="background-color:#FA8072;">#FA8072</h2>  <h2 style="background-color:#FF0000;">#FF0000</h2>  <h2 style="background-color:#8B0000;">#8B0000</h2></body> </html>
Output:
Similarly, We can have shades of other colors as well.
Shades of ORANGE Colors:
Color Name
HTML Color Code
RGB Color Code
 coral
 #FF7F50
rgb(255,127,80)
tomato
 #FF6347
rgb(255,99,71)
orangered
 #FF4500
 rgb(255,69,0)
gold
#FFD700
 rgb(255,215,0)
orange
#FFA500
 rgb(255,165,0)
darkorange
 #FF8C00
rgb(255,140,0)
Shades of YELLOW Colors:
Color Name
HTML Color Code
RGB Color Code
lightyellow
#FFFFE0
rgb(255,255,224)
lemonchiffon
#FFFACD
rgb(255,250,205)
papayawhip
 #FFEFD5
 rgb(255,239,213)
 moccasin
 #FFE4B5
rgb(255,228,181)
 peachpuff
#FFDAB9
rgb(255,218,185)
palegoldenrod
 #EEE8AA
rgb(238,232,170)
khaki
 #F0E68C
rgb(240,230,140)
 darkkhaki
 #BDB76B
rgb(189,183,107)
yellow
 #FFFF00
rgb(255,255,0)
Shades of GREEN Colors:
Color Name
HTML Color Code
RGB Color Code
lawngreen
#7CFC00
rgb(124,252,0)
limegreen
 #32CD32
rgb(50,205,50)
 lime
 #00FF00
rgb(0,255,0)
 forestgreen
 #228B22
 rgb(34,139,34)
 darkgreen
#006400
rgb(0,100,0)
 springgreen
 #00FF7F
 rgb(0,255,127)
 mediumspringgreen
#00FA9A
 rgb(0,250,154)
palegreen
#98FB98
rgb(152,251,152)
 seagreen
#2E8B57
 rgb(46,139,87)
Shades of BLUE Colors:
Color Name
HTML Color Code
RGB Color Code
powderblue
#B0E0E6 
rgb(176,224,230)
lightskyblue
 #87CEFA
rgb(135,206,250)
 skyblue
 #87CEEB
rgb(135,206,235)
 deepskyblue
#00BFFF
rgb(0,191,255)
dodgerblue
 #1E90FF
 rgb(30,144,255)
cornflowerblue
 #6495ED
 rgb(100,149,237)
steelblue
 #4682B4
rgb(70,130,180)
 royalblue
 #4169E1
rgb(65,105,225)
 mediumblue
#0000CD
rgb(0,0,205)
 
Shades of WHITE Colors:
Shades of BROWN Colors:
HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps. You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.
khushboogoyal499
shubhamyadav4
HTML-Basics
HTML
Web Technologies
HTML
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.