CSS Color Keywords


Example

Most browsers support using color keywords to specify a color. For example, to set the color of an element to blue, use the blue keyword:

.some-class {
    color: blue;
}

CSS keywords are not case sensitive—blue, Blue and BLUE will all result in #0000FF.

Color Keywords

Color nameHex valueRGB valuesColor
AliceBlue#F0F8FFrgb(240,248,255)AliceBlue
AntiqueWhite#FAEBD7rgb(250,235,215)AntiqueWhite
Aqua#00FFFFrgb(0,255,255)Aqua
Aquamarine#7FFFD4rgb(127,255,212)Aquamarine
Azure#F0FFFFrgb(240,255,255)Azure
Beige#F5F5DCrgb(245,245,220)Beige
Bisque#FFE4C4rgb(255,228,196)Bisque
Black#000000rgb(0,0,0)Black
BlanchedAlmond#FFEBCDrgb(255,235,205)BlanchedAlmond
Blue#0000FFrgb(0,0,255)Blue
BlueViolet#8A2BE2rgb(138,43,226)BlueViolet
Brown#A52A2Argb(165,42,42)Brown
BurlyWood#DEB887rgb(222,184,135)BurlyWood
CadetBlue#5F9EA0rgb(95,158,160)CadetBlue
Chartreuse#7FFF00rgb(127,255,0)Chartreuse
Chocolate#D2691Ergb(210,105,30)Chocolate
Coral#FF7F50rgb(255,127,80)Coral
CornflowerBlue#6495EDrgb(100,149,237)CornflowerBlue
Cornsilk#FFF8DCrgb(255,248,220)Cornsilk
Crimson#DC143Crgb(220,20,60)Crimson
Cyan#00FFFFrgb(0,255,255)Cyan
DarkBlue#00008Brgb(0,0,139)DarkBlue
DarkCyan#008B8Brgb(0,139,139)DarkCyan
DarkGoldenRod#B8860Brgb(184,134,11)DarkGoldenRod
DarkGray#A9A9A9rgb(169,169,169)DarkGray
DarkGrey#A9A9A9rgb(169,169,169)DarkGrey
DarkGreen#006400rgb(0,100,0)DarkGreen
DarkKhaki#BDB76Brgb(189,183,107)DarkKhaki
DarkMagenta#8B008Brgb(139,0,139)DarkMagenta
DarkOliveGreen#556B2Frgb(85,107,47)DarkOliveGreen
DarkOrange#FF8C00rgb(255,140,0)DarkOrange
DarkOrchid#9932CCrgb(153,50,204)DarkOrchid
DarkRed#8B0000rgb(139,0,0)DarkRed
DarkSalmon#E9967Argb(233,150,122)DarkSalmon
DarkSeaGreen#8FBC8Frgb(143,188,143)DarkSeaGreen
DarkSlateBlue#483D8Brgb(72,61,139)DarkSlateBlue
DarkSlateGray#2F4F4Frgb(47,79,79)DarkSlateGray
DarkSlateGrey#2F4F4Frgb(47,79,79)DarkSlateGrey
DarkTurquoise#00CED1rgb(0,206,209)DarkTurquoise
DarkViolet#9400D3rgb(148,0,211)DarkViolet
DeepPink#FF1493rgb(255,20,147)DeepPink
DeepSkyBlue#00BFFFrgb(0,191,255)DeepSkyBlue
DimGray#696969rgb(105,105,105)DimGray
DimGrey#696969rgb(105,105,105)DimGrey
DodgerBlue#1E90FFrgb(30,144,255)DodgerBlue
FireBrick#B22222rgb(178,34,34)FireBrick
FloralWhite#FFFAF0rgb(255,250,240)FloralWhite
ForestGreen#228B22rgb(34,139,34)ForestGreen
Fuchsia#FF00FFrgb(255,0,255)Fuchsia
Gainsboro#DCDCDCrgb(220,220,220)Gainsboro
GhostWhite#F8F8FFrgb(248,248,255)GhostWhite
Gold#FFD700rgb(255,215,0)Gold
GoldenRod#DAA520rgb(218,165,32)GoldenRod
Gray#808080rgb(128,128,128)Gray
Grey#808080rgb(128,128,128)Grey
Green#008000rgb(0,128,0)Green
GreenYellow#ADFF2Frgb(173,255,47)GreenYellow
HoneyDew#F0FFF0rgb(240,255,240)HoneyDew
HotPink#FF69B4rgb(255,105,180)HotPink
IndianRed#CD5C5Crgb(205,92,92)IndianRed
Indigo#4B0082rgb(75,0,130)Indigo
Ivory#FFFFF0rgb(255,255,240)Ivory
Khaki#F0E68Crgb(240,230,140)Khaki
Lavender#E6E6FArgb(230,230,250)Lavender
LavenderBlush#FFF0F5rgb(255,240,245)LavenderBlush
LawnGreen#7CFC00rgb(124,252,0)LawnGreen
LemonChiffon#FFFACDrgb(255,250,205)LemonChiffon
LightBlue#ADD8E6rgb(173,216,230)LightBlue
LightCoral#F08080rgb(240,128,128)LightCoral
LightCyan#E0FFFFrgb(224,255,255)LightCyan
LightGoldenRodYellow#FAFAD2rgb(250,250,210)LightGoldenRodYellow
LightGray#D3D3D3rgb(211,211,211)LightGray
LightGrey#D3D3D3rgb(211,211,211)LightGrey
LightGreen#90EE90rgb(144,238,144)LightGreen
LightPink#FFB6C1rgb(255,182,193)LightPink
LightSalmon#FFA07Argb(255,160,122)LightSalmon
LightSeaGreen#20B2AArgb(32,178,170)LightSeaGreen
LightSkyBlue#87CEFArgb(135,206,250)LightSkyBlue
LightSlateGray#778899rgb(119,136,153)LightSlateGray
LightSlateGrey#778899rgb(119,136,153)LightSlateGrey
LightSteelBlue#B0C4DErgb(176,196,222)LightSteelBlue
LightYellow#FFFFE0rgb(255,255,224)LightYellow
Lime#00FF00rgb(0,255,0)Lime
LimeGreen#32CD32rgb(50,205,50)LimeGreen
Linen#FAF0E6rgb(250,240,230)Linen
Magenta#FF00FFrgb(255,0,255)Magenta
Maroon#800000rgb(128,0,0)Maroon
MediumAquaMarine#66CDAArgb(102,205,170)MediumAquaMarine
MediumBlue#0000CDrgb(0,0,205)MediumBlue
MediumOrchid#BA55D3rgb(186,85,211)MediumOrchid
MediumPurple#9370DBrgb(147,112,219)MediumPurple
MediumSeaGreen#3CB371rgb(60,179,113)MediumSeaGreen
MediumSlateBlue#7B68EErgb(123,104,238)MediumSlateBlue
MediumSpringGreen#00FA9Argb(0,250,154)MediumSpringGreen
MediumTurquoise#48D1CCrgb(72,209,204)MediumTurquoise
MediumVioletRed#C71585rgb(199,21,133)MediumTurquoise
MidnightBlue#191970rgb(25,25,112)MidnightBlue
MintCream#F5FFFArgb(245,255,250)MintCream
MistyRose#FFE4E1rgb(255,228,225)MistyRose
Moccasin#FFE4B5rgb(255,228,181)Moccasin
NavajoWhite#FFDEADrgb(255,222,173)NavajoWhite
Navy#000080rgb(0,0,128)Navy
OldLace#FDF5E6rgb(253,245,230)OldLace
Olive#808000rgb(128,128,0)Olive
OliveDrab#6B8E23rgb(107,142,35)OliveDrab
Orange#FFA500rgb(255,165,0)Orange
OrangeRed#FF4500rgb(255,69,0)OrangeRed
Orchid#DA70D6rgb(218,112,214)Orchid
PaleGoldenRod#EEE8AArgb(238,232,170)PaleGoldenRod
PaleGreen#98FB98rgb(152,251,152)PaleGreen
PaleTurquoise#AFEEEErgb(175,238,238)PaleTurquoise
PaleVioletRed#DB7093rgb(219,112,147)PaleVioletRed
PapayaWhip#FFEFD5rgb(255,239,213)PapayaWhip
PeachPuff#FFDAB9rgb(255,218,185)PeachPuff
Peru#CD853Frgb(205,133,63)Peru
Pink#FFC0CBrgb(255,192,203)Pink
Plum#DDA0DDrgb(221,160,221)Plum
PowderBlue#B0E0E6rgb(176,224,230)PowderBlue
Purple#800080rgb(128,0,128)Purple
RebeccaPurple#663399rgb(102,51,153)RebeccaPurple
Red#FF0000rgb(255,0,0)Red
RosyBrown#BC8F8Frgb(188,143,143)RosyBrown
RoyalBlue#4169E1rgb(65,105,225)RoyalBlue
SaddleBrown#8B4513rgb(139,69,19)SaddleBrown
Salmon#FA8072rgb(250,128,114)Salmon
SandyBrown#F4A460rgb(244,164,96)SandyBrown
SeaGreen#2E8B57rgb(46,139,87)SeaGreen
SeaShell#FFF5EErgb(255,245,238)SeaShell
Sienna#A0522Drgb(160,82,45)Sienna
Silver#C0C0C0rgb(192,192,192)Silver
SkyBlue#87CEEBrgb(135,206,235)SkyBlue
SlateBlue#6A5ACDrgb(106,90,205)SlateBlue
SlateGray#708090rgb(112,128,144)SlateGray
SlateGrey#708090rgb(112,128,144)SlateGrey
Snow#FFFAFArgb(255,250,250)Snow
SpringGreen#00FF7Frgb(0,255,127)SpringGreen
SteelBlue#4682B4rgb(70,130,180)SteelBlue
Tan#D2B48Crgb(210,180,140)tan
Teal#008080rgb(0,128,128)Teal
Thistle#D8BFD8rgb(216,191,216)Thistle
Tomato#FF6347rgb(255,99,71)Tomato
Turquoise#40E0D0rgb(64,224,208)Turquoise
Violet#EE82EErgb(238,130,238)Violet
Wheat#F5DEB3rgb(245,222,179)Wheat
White#FFFFFFrgb(255,255,255)White
WhiteSmoke#F5F5F5rgb(245,245,245)WhiteSmoke
Yellow#FFFF00rgb(255,255,0)Yellow
YellowGreen#9ACD32rgb(154,205,50)YellowGreen

In addition to the named colors, there is also the keyword transparent, which represents a fully-transparent black: rgba(0,0,0,0)