CSS Color Codes and CSS Color Picker






RGB

HEX

CSS Color Name

background-color: {{rgbaPicker.color}}; // RGB
background-color: {{hexPicker.color}}; // Hex
background-color: {{colorN.value}}; // Color Name

CSS Color Codes & CSS Color Picker: Use the following color picker above to pick a color that you can use within your CSS code. This simple to use color picker provides the color values in RGB, Color name and HEX. We have made this css color picker to make it easier for you to get css color codes.

CSS Color Codes

css color codes

CSS color codes are generally used to set a color either for the foreground or the background of an element. CSS color codes can also be used to affect the color of borders and other css properties such as: box-shadow, color, opacity, outline etc..

The CSS Color Codes Chart

Below you can see the chart for css color codes with three color formats each: Color Name, HEX and RGB.

Red / Pink

MistyRose
#ffe4e1
rgb(255,228,225)
LightPink
#ffb6c1
rgb(255,182,193)
Pink
#ffc0cb
rgb(255,192,203)
HotPink
#ff69b4
rgb(255,105,180)
DeepPink
#ff1493
rgb(255,20,147)
MediumVioletRed
#c71585
rgb(199,21,133)
PaleVioletRed
#db7093
rgb(219,112,147)
Red
#ff0000
rgb(255,0,0)
Crimson
#dc143c
rgb(220,20,60)
Maroon
#800000
rgb(128,0,0)
DarkRed
#8b0000
rgb(139,0,0)
Brown
#a52a2a
rgb(165,42,42)
FireBrick
#b22222
rgb(178,34,34)
IndianRed
#cd5c5c
rgb(205,92,92)
LightCoral
#f08080
rgb(240,128,128)
Salmon
#fa8072
rgb(250,128,114)
Tomato
#ff6347
rgb(255,99,71)
Coral
#ff7f50
rgb(255,127,80)
DarkSalmon
#e9967a
rgb(233,150,122)
LightSalmon
#ffa07a
rgb(255,160,122)
PeachPuff
#ffdab9
rgb(255,218,185)

Blue

DodgerBlue
#1e90ff
rgb(30,144,255)
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)
RoyalBlue
#4169ff
rgb(65,105,255)
CornflowerBlue
#6495ed
rgb(100,149,237)
SteelBlue
#4682b4
rgb(70,130,180)
DarkSlateGray
#2f4f4f
rgb(47,79,79)
CadetBlue
#5f9ea0
rgb(95,158,160)
LightBlue
#add8e6
rgb(173,216,230)
PaleTurquoise
#afeeee
rgb(175,238,238)
PowderBlue
#b0e0e6
rgb(176,224,230)
LightSteelBlue
#b0c4de
rgb(176,196,222)
Lavender
#e6e6fa
rgb(230,230,250)
MediumSlateBlue
#7b68ee
rgb(123,104,238)
SlateBlue
#6a5acd
rgb(106,90,205)

Green

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)
MediumSeaGreen
#3cb371
rgb(60,179,113)
SeaGreen
#2e8b57
rgb(46,139,87)
DarkGreen
#006400
rgb(0,100,0)
Green
#00800
rgb(0,128,0
ForestGreen
#228b22
rgb(34,139,34)
OliveDrab
#6b8e23
rgb(107,142,35)
DarkOliveGreen
#556b2f
rgb(85,107,47)
Olive
#808000
rgb(128,128,0)
YellowGreen
#9acd32
rgb(154,205,50)
LightGreen
#90ee90
rgb(144,238,144)
PaleGreen
#98fb98
rgb(152,251,152)
SpringGreen
#00ff7f
rgb(0,255,127)
MediumSpringGreen
#00fa9a
rgb(0,250,154)
MintCream
#f5fffa
rgb(245,255,250)
Aquamarine
#7fffd4
rgb(127,255,212)
MediumAquaMarine
#66cdaa
rgb(102,205,170)
DarkSeaGreen
#8fbc8f
rgb(143,188,143)
Honeydew
#f0fff0
rgb(240,255,240)
DarkCyan
#008b8b
rgb(0,139,139)
Teal
#008080
rgb(0,128,128)
LightSeaGreen
#20b2aa
rgb(32,178,170)

Orange / Yellow

OrangeRed
#ff4500
rgb(255,69,0)
DarkOrange
#ff8c00
rgb(255,140,0)
Orange
#ffa500
rgb(255,165,0)
DarkGoldenrod
#b8860b
rgb(184,134,11)
Goldenrod
#daa520
rgb(218,165,32)
Khaki
#f0e68c
rgb(240,230,140)
PaleGoldenrod
#eee8aa
rgb(238,232,170)
LightGoldenrodYellow
#fafad2
rgb(250,250,210)
SandyBrown
#f4a460
rgb(244,164,96)
NavajoWhite
#ffdead
rgb(255,222,173)
Moccasin
#ffe4b5
rgb(255,228,181)
LemonChiffon
#fffacd
rgb(255,250,205)
LightYellow
#ffffe0
rgb(255,255,224)
Yellow
#ffff00
rgb(255,255,0)
Gold
#ffd700
rgb(255,215,0)

Purple / Violet

BlueViolet
#8A2BE2
rgb(138,43,226)
DarkViolet
#9400D3
rgb(148,0,211)
DarkOrchid
#9932CC
rgb(153,50,204)
MediumOrchid
#BA55D3
rgb(186,85,211)
Orchid
#DA70D6
rgb(218,112,214)
Violet
#EE82EE
rgb(238,130,238)
Fuchsia
#FF00FF
rgb(255,0,255)
Magenta
#FF00FF
rgb(255,0,255)
DarkMagenta
#8B008B
rgb(139,0,139)
Purple
#800080
rgb(128,0,128)
RebeccaPurple
#663399
rgb(102,51,153)
Indigo
#4B0082
rgb(75,0,130)
MediumPurple
#9370DB
rgb(147,112,219)
Plum
#DDA0DD
rgb(221,160,221)
Thistle
#D8BFD8
rgb(216,191,216)

Brown

Brown
#a52a2a
rgb(165,42,42)
Chocolate
#d2691e
rgb(210,105,30)
Peru
#cd853f
rgb(205,133,63)
RosyBrown
#bc8f8f
rgb(188,143,143)
SaddleBrown
#8b4513
rgb(139,69,19)
DarkGoldenrod
#b8860b
rgb(184,134,11)
Wheat
#f5deb3
rgb(245,222,179)

Gray / Black

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)
Black
#000000
rgb(0,0,0)

White / Beige

GhostWhite
#F8F8FF
rgb(248,248,255)
AntiqueWhite
#FAEBD7
rgb(250,235,215)
Beige
#F5F5DC
rgb(245,245,220)
Bisque
#FFE4C4
rgb(255,228,196)
BlanchedAlmond
#FFEBCD
rgb(255,235,205)
Ivory
#FFFFF0
rgb(255,255,240)
Linen
#FAF0E6
rgb(250,240,230)
OldLace
#FDF5E6
rgb(253,245,230)
PapayaWhip
#FFEFD5
rgb(255,239,213)
Seashell
#FFF5EE
rgb(255,245,238)
Snow
#FFFAFA
rgb(255,250,250)
LavenderBlush
#FFF0F5
rgb(255,240,245)
White
#FFFFFF
rgb(255,255,255)
WhiteSmoke
#F5F5F5
rgb(245,245,245)

Simple CSS Generators & Tools