You can set the background color of a HTML element using CSS background-color property. We have provided 141 beautiful CSS background colors which you can select for using in your web project.
Pink
#FFC0CB
Click to copy CSS background-color
LightPink
#FFB6C1
Click to copy CSS background-color
HotPink
#FF69B4
Click to copy CSS background-color
DeepPink
#FF1493
Click to copy CSS background-color
PaleVioletRed
#DB7093
Click to copy CSS background-color
MediumVioletRed
#C71585
Click to copy CSS background-color
Lavender
#E6E6FA
Click to copy CSS background-color
Thistle
#D8BFD8
Click to copy CSS background-color
Plum
#DDA0DD
Click to copy CSS background-color
Orchid
#DA70D6
Click to copy CSS background-color
Violet
#EE82EE
Click to copy CSS background-color
Fuchsia
#FF00FF
Click to copy CSS background-color
Magenta
#FF00FF
Click to copy CSS background-color
MediumOrchid
#BA55D3
Click to copy CSS background-color
DarkOrchid
#9932CC
Click to copy CSS background-color
DarkViolet
#9400D3
Click to copy CSS background-color
BlueViolet
#8A2BE2
Click to copy CSS background-color
DarkMagenta
#8B008B
Click to copy CSS background-color
Purple
#800080
Click to copy CSS background-color
MediumPurple
#9370DB
Click to copy CSS background-color
MediumSlateBlue
#7B68EE
Click to copy CSS background-color
SlateBlue
#6A5ACD
Click to copy CSS background-color
DarkSlateBlue
#483D8B
Click to copy CSS background-color
RebeccaPurple
#663399
Click to copy CSS background-color
Indigo
#4B0082
Click to copy CSS background-color
LightSalmon
#FFA07A
Click to copy CSS background-color
Salmon
#FA8072
Click to copy CSS background-color
DarkSalmon
#E9967A
Click to copy CSS background-color
LightCoral
#F08080
Click to copy CSS background-color
IndianRed
#CD5C5C
Click to copy CSS background-color
Crimson
#DC143C
Click to copy CSS background-color
Red
#FF0000
Click to copy CSS background-color
FireBrick
#B22222
Click to copy CSS background-color
DarkRed
#8B0000
Click to copy CSS background-color
Orange
#FFA500
Click to copy CSS background-color
DarkOrange
#FF8C00
Click to copy CSS background-color
Coral
#FF7F50
Click to copy CSS background-color
Tomato
#FF6347
Click to copy CSS background-color
OrangeRed
#FF4500
Click to copy CSS background-color
Gold
#FFD700
Click to copy CSS background-color
Yellow
#FFFF00
Click to copy CSS background-color
LightYellow
#FFFFE0
Click to copy CSS background-color
LemonChiffon
#FFFACD
Click to copy CSS background-color
LightGoldenRodYellow
#FAFAD2
Click to copy CSS background-color
PapayaWhip
#FFEFD5
Click to copy CSS background-color
Moccasin
#FFE4B5
Click to copy CSS background-color
PeachPuff
#FFDAB9
Click to copy CSS background-color
PaleGoldenRod
#EEE8AA
Click to copy CSS background-color
Khaki
#F0E68C
Click to copy CSS background-color
DarkKhaki
#BDB76B
Click to copy CSS background-color
GreenYellow
#ADFF2F
Click to copy CSS background-color
Chartreuse
#7FFF00
Click to copy CSS background-color
LawnGreen
#7CFC00
Click to copy CSS background-color
Lime
#00FF00
Click to copy CSS background-color
LimeGreen
#32CD32
Click to copy CSS background-color
PaleGreen
#98FB98
Click to copy CSS background-color
LightGreen
#90EE90
Click to copy CSS background-color
MediumSpringGreen
#00FA9A
Click to copy CSS background-color
SpringGreen
#00FF7F
Click to copy CSS background-color
MediumSeaGreen
#3CB371
Click to copy CSS background-color
SeaGreen
#2E8B57
Click to copy CSS background-color
ForestGreen
#228B22
Click to copy CSS background-color
Green
#008000
Click to copy CSS background-color
DarkGreen
#006400
Click to copy CSS background-color
YellowGreen
#9ACD32
Click to copy CSS background-color
OliveDrab
#6B8E23
Click to copy CSS background-color
DarkOliveGreen
#556B2F
Click to copy CSS background-color
MediumAquaMarine
#66CDAA
Click to copy CSS background-color
DarkSeaGreen
#8FBC8F
Click to copy CSS background-color
LightSeaGreen
#20B2AA
Click to copy CSS background-color
DarkCyan
#008B8B
Click to copy CSS background-color
Teal
#008080
Click to copy CSS background-color
Aqua
#00FFFF
Click to copy CSS background-color
Cyan
#00FFFF
Click to copy CSS background-color
LightCyan
#E0FFFF
Click to copy CSS background-color
PaleTurquoise
#AFEEEE
Click to copy CSS background-color
Aquamarine
#7FFFD4
Click to copy CSS background-color
Turquoise
#40E0D0
Click to copy CSS background-color
MediumTurquoise
#48D1CC
Click to copy CSS background-color
DarkTurquoise
#00CED1
Click to copy CSS background-color
CadetBlue
#5F9EA0
Click to copy CSS background-color
SteelBlue
#4682B4
Click to copy CSS background-color
LightSteelBlue
#B0C4DE
Click to copy CSS background-color
LightBlue
#ADD8E6
Click to copy CSS background-color
PowderBlue
#B0E0E6
Click to copy CSS background-color
LightSkyBlue
#87CEFA
Click to copy CSS background-color
SkyBlue
#87CEEB
Click to copy CSS background-color
CornflowerBlue
#6495ED
Click to copy CSS background-color
DeepSkyBlue
#00BFFF
Click to copy CSS background-color
DodgerBlue
#1E90FF
Click to copy CSS background-color
RoyalBlue
#4169E1
Click to copy CSS background-color
Blue
#0000FF
Click to copy CSS background-color
MediumBlue
#0000CD
Click to copy CSS background-color
DarkBlue
#00008B
Click to copy CSS background-color
Navy
#000080
Click to copy CSS background-color
MidnightBlue
#191970
Click to copy CSS background-color
Cornsilk
#FFF8DC
Click to copy CSS background-color
BlanchedAlmond
#FFEBCD
Click to copy CSS background-color
Bisque
#FFE4C4
Click to copy CSS background-color
NavajoWhite
#FFDEAD
Click to copy CSS background-color
Wheat
#F5DEB3
Click to copy CSS background-color
BurlyWood
#DEB887
Click to copy CSS background-color
Tan
#D2B48C
Click to copy CSS background-color
RosyBrown
#BC8F8F
Click to copy CSS background-color
SandyBrown
#F4A460
Click to copy CSS background-color
GoldenRod
#DAA520
Click to copy CSS background-color
DarkGoldenRod
#B8860B
Click to copy CSS background-color
Peru
#CD853F
Click to copy CSS background-color
Chocolate
#D2691E
Click to copy CSS background-color
Olive
#808000
Click to copy CSS background-color
SaddleBrown
#8B4513
Click to copy CSS background-color
Sienna
#A0522D
Click to copy CSS background-color
Brown
#A52A2A
Click to copy CSS background-color
Maroon
#800000
Click to copy CSS background-color
White
#FFFFFF
Click to copy CSS background-color
Snow
#FFFAFA
Click to copy CSS background-color
HoneyDew
#F0FFF0
Click to copy CSS background-color
MintCream
#F5FFFA
Click to copy CSS background-color
Azure
#F0FFFF
Click to copy CSS background-color
AliceBlue
#F0F8FF
Click to copy CSS background-color
GhostWhite
#F8F8FF
Click to copy CSS background-color
WhiteSmoke
#F5F5F5
Click to copy CSS background-color
SeaShell
#FFF5EE
Click to copy CSS background-color
Beige
#F5F5DC
Click to copy CSS background-color
OldLace
#FDF5E6
Click to copy CSS background-color
FloralWhite
#FFFAF0
Click to copy CSS background-color
Ivory
#FFFFF0
Click to copy CSS background-color
AntiqueWhite
#FAEBD7
Click to copy CSS background-color
Linen
#FAF0E6
Click to copy CSS background-color
LavenderBlush
#FFF0F5
Click to copy CSS background-color
MistyRose
#FFE4E1
Click to copy CSS background-color
Gainsboro
#DCDCDC
Click to copy CSS background-color
LightGray
#D3D3D3
Click to copy CSS background-color
Silver
#C0C0C0
Click to copy CSS background-color
DarkGray
#A9A9A9
Click to copy CSS background-color
DimGray
#696969
Click to copy CSS background-color
Gray
#808080
Click to copy CSS background-color
LightSlateGray
#778899
Click to copy CSS background-color
SlateGray
#708090
Click to copy CSS background-color
DarkSlateGray
#2F4F4F
Click to copy CSS background-color
Black
#000000
Click to copy CSS background-color