C C++C#Dart Golang Java JavaScript Kotlin Perl PHP Python R Ruby Rust Swift TypeScript CSS

Home
➤ CSS
➤ 141 Beautiful Solid CSS Background Colors

141 Beautiful Solid CSS Background Colors

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.

Click on any of the following items to copy the CSS background-color property along with the value to clipboard.

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