← Home
CSS Named Colors
All 148 CSS named colors with HEX and RGB values. Click any swatch for a visual reference during your next project.
Reds
IndianRed
#CD5C5Crgb(205, 92, 92)
LightCoral
#F08080rgb(240, 128, 128)
Salmon
#FA8072rgb(250, 128, 114)
DarkSalmon
#E9967Argb(233, 150, 122)
LightSalmon
#FFA07Argb(255, 160, 122)
Crimson
#DC143Crgb(220, 20, 60)
Red
#FF0000rgb(255, 0, 0)
FireBrick
#B22222rgb(178, 34, 34)
DarkRed
#8B0000rgb(139, 0, 0)
Pinks
Pink
#FFC0CBrgb(255, 192, 203)
LightPink
#FFB6C1rgb(255, 182, 193)
HotPink
#FF69B4rgb(255, 105, 180)
DeepPink
#FF1493rgb(255, 20, 147)
MediumVioletRed
#C71585rgb(199, 21, 133)
PaleVioletRed
#DB7093rgb(219, 112, 147)
Oranges
Coral
#FF7F50rgb(255, 127, 80)
Tomato
#FF6347rgb(255, 99, 71)
OrangeRed
#FF4500rgb(255, 69, 0)
DarkOrange
#FF8C00rgb(255, 140, 0)
Orange
#FFA500rgb(255, 165, 0)
Yellows
Gold
#FFD700rgb(255, 215, 0)
Yellow
#FFFF00rgb(255, 255, 0)
LightYellow
#FFFFE0rgb(255, 255, 224)
LemonChiffon
#FFFACDrgb(255, 250, 205)
LightGoldenrodYellow
#FAFAD2rgb(250, 250, 210)
PapayaWhip
#FFEFD5rgb(255, 239, 213)
Moccasin
#FFE4B5rgb(255, 228, 181)
PeachPuff
#FFDAB9rgb(255, 218, 185)
PaleGoldenrod
#EEE8AArgb(238, 232, 170)
Khaki
#F0E68Crgb(240, 230, 140)
DarkKhaki
#BDB76Brgb(189, 183, 107)
Purples
Lavender
#E6E6FArgb(230, 230, 250)
Thistle
#D8BFD8rgb(216, 191, 216)
Plum
#DDA0DDrgb(221, 160, 221)
Violet
#EE82EErgb(238, 130, 238)
Orchid
#DA70D6rgb(218, 112, 214)
Fuchsia
#FF00FFrgb(255, 0, 255)
MediumOrchid
#BA55D3rgb(186, 85, 211)
MediumPurple
#9370DBrgb(147, 112, 219)
RebeccaPurple
#663399rgb(102, 51, 153)
BlueViolet
#8A2BE2rgb(138, 43, 226)
DarkViolet
#9400D3rgb(148, 0, 211)
DarkOrchid
#9932CCrgb(153, 50, 204)
DarkMagenta
#8B008Brgb(139, 0, 139)
Purple
#800080rgb(128, 0, 128)
Indigo
#4B0082rgb(75, 0, 130)
SlateBlue
#6A5ACDrgb(106, 90, 205)
DarkSlateBlue
#483D8Brgb(72, 61, 139)
Greens
GreenYellow
#ADFF2Frgb(173, 255, 47)
Chartreuse
#7FFF00rgb(127, 255, 0)
LawnGreen
#7CFC00rgb(124, 252, 0)
Lime
#00FF00rgb(0, 255, 0)
LimeGreen
#32CD32rgb(50, 205, 50)
PaleGreen
#98FB98rgb(152, 251, 152)
LightGreen
#90EE90rgb(144, 238, 144)
MediumSpringGreen
#00FA9Argb(0, 250, 154)
SpringGreen
#00FF7Frgb(0, 255, 127)
MediumSeaGreen
#3CB371rgb(60, 179, 113)
SeaGreen
#2E8B57rgb(46, 139, 87)
ForestGreen
#228B22rgb(34, 139, 34)
Green
#008000rgb(0, 128, 0)
DarkGreen
#006400rgb(0, 100, 0)
OliveDrab
#6B8E23rgb(107, 142, 35)
Olive
#808000rgb(128, 128, 0)
DarkOliveGreen
#556B2Frgb(85, 107, 47)
MediumAquamarine
#66CDAArgb(102, 205, 170)
DarkSeaGreen
#8FBC8Frgb(143, 188, 143)
LightSeaGreen
#20B2AArgb(32, 178, 170)
DarkCyan
#008B8Brgb(0, 139, 139)
Teal
#008080rgb(0, 128, 128)
Blues
Aqua
#00FFFFrgb(0, 255, 255)
Cyan
#00FFFFrgb(0, 255, 255)
LightCyan
#E0FFFFrgb(224, 255, 255)
PaleTurquoise
#AFEEEErgb(175, 238, 238)
Aquamarine
#7FFFD4rgb(127, 255, 212)
Turquoise
#40E0D0rgb(64, 224, 208)
MediumTurquoise
#48D1CCrgb(72, 209, 204)
DarkTurquoise
#00CED1rgb(0, 206, 209)
CadetBlue
#5F9EA0rgb(95, 158, 160)
SteelBlue
#4682B4rgb(70, 130, 180)
LightSteelBlue
#B0C4DErgb(176, 196, 222)
PowderBlue
#B0E0E6rgb(176, 224, 230)
LightBlue
#ADD8E6rgb(173, 216, 230)
SkyBlue
#87CEEBrgb(135, 206, 235)
LightSkyBlue
#87CEFArgb(135, 206, 250)
DeepSkyBlue
#00BFFFrgb(0, 191, 255)
DodgerBlue
#1E90FFrgb(30, 144, 255)
CornflowerBlue
#6495EDrgb(100, 149, 237)
RoyalBlue
#4169E1rgb(65, 105, 225)
Blue
#0000FFrgb(0, 0, 255)
MediumBlue
#0000CDrgb(0, 0, 205)
DarkBlue
#00008Brgb(0, 0, 139)
Navy
#000080rgb(0, 0, 128)
MidnightBlue
#191970rgb(25, 25, 112)
Browns
Cornsilk
#FFF8DCrgb(255, 248, 220)
BlanchedAlmond
#FFEBCDrgb(255, 235, 205)
Bisque
#FFE4C4rgb(255, 228, 196)
NavajoWhite
#FFDEADrgb(255, 222, 173)
Wheat
#F5DEB3rgb(245, 222, 179)
BurlyWood
#DEB887rgb(222, 184, 135)
Tan
#D2B48Crgb(210, 180, 140)
RosyBrown
#BC8F8Frgb(188, 143, 143)
SandyBrown
#F4A460rgb(244, 164, 96)
Goldenrod
#DAA520rgb(218, 165, 32)
DarkGoldenrod
#B8860Brgb(184, 134, 11)
Peru
#CD853Frgb(205, 133, 63)
Chocolate
#D2691Ergb(210, 105, 30)
SaddleBrown
#8B4513rgb(139, 69, 19)
Sienna
#A0522Drgb(160, 82, 45)
Brown
#A52A2Argb(165, 42, 42)
Maroon
#800000rgb(128, 0, 0)
Whites & Grays
White
#FFFFFFrgb(255, 255, 255)
Snow
#FFFAFArgb(255, 250, 250)
Honeydew
#F0FFF0rgb(240, 255, 240)
MintCream
#F5FFFArgb(245, 255, 250)
Azure
#F0FFFFrgb(240, 255, 255)
AliceBlue
#F0F8FFrgb(240, 248, 255)
GhostWhite
#F8F8FFrgb(248, 248, 255)
WhiteSmoke
#F5F5F5rgb(245, 245, 245)
Seashell
#FFF5EErgb(255, 245, 238)
Beige
#F5F5DCrgb(245, 245, 220)
OldLace
#FDF5E6rgb(253, 245, 230)
FloralWhite
#FFFAF0rgb(255, 250, 240)
Ivory
#FFFFF0rgb(255, 255, 240)
AntiqueWhite
#FAEBD7rgb(250, 235, 215)
Linen
#FAF0E6rgb(250, 240, 230)
LavenderBlush
#FFF0F5rgb(255, 240, 245)
MistyRose
#FFE4E1rgb(255, 228, 225)
Gainsboro
#DCDCDCrgb(220, 220, 220)
LightGray
#D3D3D3rgb(211, 211, 211)
Silver
#C0C0C0rgb(192, 192, 192)
DarkGray
#A9A9A9rgb(169, 169, 169)
Gray
#808080rgb(128, 128, 128)
DimGray
#696969rgb(105, 105, 105)
LightSlateGray
#778899rgb(119, 136, 153)
SlateGray
#708090rgb(112, 128, 144)
DarkSlateGray
#2F4F4Frgb(47, 79, 79)
Black
#000000rgb(0, 0, 0)
FAQ
How many named CSS colors are there?
There are 148 named CSS colors (147 unique values, since Aqua and Cyan are the same hex #00FFFF). They are defined in the CSS Color Level 4 specification.
Can I use CSS named colors in production?
Yes. All named CSS colors are supported in every modern browser. They're particularly useful for prototyping and readable stylesheets, though design systems typically use hex or HSL values for precision.
What is the difference between Gray and Grey in CSS?
CSS supports both spellings for all gray variants (e.g., Gray and Grey, DarkGray and DarkGrey). Both resolve to the same color values.