CSS 2.1 Reference: background-color Property

The background-color property is used to specify the element's background color.

This property is specified by using a color-value, or a keyword, according to the syntax shown above.

CSS Example: The background-color property is set using the keyword yellow.

h1 {background-color: yellow;}

CSS Example: The background-color property is set using a RGB 6-Digit Hexadecimal value of #ffa500.

h1 {background-color: #ffa500;}

CSS Example: The background-color property is set using a RGB Percentage Functional Notation value of rgb(30%,50%,70%).

h1 {background-color: rgb(30%,50%,70%);}

CSS Example: The background-color property is set using the keyword transparent.

h1 {background-color: transparent;}

• aqua - aqua = #00ffff = rgb(0,255,255)
• black - black = #000000 = rgb(0,0,0)
• blue - blue = #0000ff = rgb(0,0,255)
• fuchsia - fuchsia = #ff00ff = rgb(255,0,255)
• gray - gray = #808080 = rgb(128,128,128)
• green - green = #008000 = rgb(0,128,0)
• lime - lime = #00ff00 = rgb(0,255,0)
• maroon - maroon = #800000 = rgb(128,0,0)
• navy - navy = #000080 = rgb(0,0,128)
• olive - olive = #808000 = rgb(128,128,0)
• orange - orange = #ffa500 = rgb(255,165,0)
• purple - purple = #800080 = rgb(128,0,128)
• red - red = #ff0000 = rgb(255,0,0)
• silver - silver = #c0c0c0 = rgb(192,192,192)
• teal - teal = #008080 = rgb(0,128,128)
• white - white = #ffffff = rgb(255,255,255)
• yellow - yellow = #ffff00 = rgb(255,255,0)
• transparent - The background color under the element is visible.
• inherit - The inherit keyword is used to specify that the value for this property should be taken from the parent element. If inherit is used with the root element, then the initial value for this property will be used.