Color Names List: Colors with HEX and RGB Codes

Browse all 148 standard CSS color names, from Alice Blue to Yellow Green. Each color name comes with a live preview, its HEX code and RGB values. Search by name or HEX code, filter by color family, and copy any code in one click.

All 148 CSS Color Names

Showing all 148 color names

  • Alice Bluealiceblue #F0F8FFrgb(240, 248, 255)
  • Antique Whiteantiquewhite #FAEBD7rgb(250, 235, 215)
  • AquaaquaSame as cyan #00FFFFrgb(0, 255, 255)
  • Aquamarineaquamarine #7FFFD4rgb(127, 255, 212)
  • Azureazure #F0FFFFrgb(240, 255, 255)
  • Beigebeige #F5F5DCrgb(245, 245, 220)
  • Bisquebisque #FFE4C4rgb(255, 228, 196)
  • Blackblack #000000rgb(0, 0, 0)
  • Blanched Almondblanchedalmond #FFEBCDrgb(255, 235, 205)
  • Blueblue #0000FFrgb(0, 0, 255)
  • Blue Violetblueviolet #8A2BE2rgb(138, 43, 226)
  • Brownbrown #A52A2Argb(165, 42, 42)
  • Burlywoodburlywood #DEB887rgb(222, 184, 135)
  • Cadet Bluecadetblue #5F9EA0rgb(95, 158, 160)
  • Chartreusechartreuse #7FFF00rgb(127, 255, 0)
  • Chocolatechocolate #D2691Ergb(210, 105, 30)
  • Coralcoral #FF7F50rgb(255, 127, 80)
  • Cornflower Bluecornflowerblue #6495EDrgb(100, 149, 237)
  • Cornsilkcornsilk #FFF8DCrgb(255, 248, 220)
  • Crimsoncrimson #DC143Crgb(220, 20, 60)
  • CyancyanSame as aqua #00FFFFrgb(0, 255, 255)
  • Dark Bluedarkblue #00008Brgb(0, 0, 139)
  • Dark Cyandarkcyan #008B8Brgb(0, 139, 139)
  • Dark Goldenroddarkgoldenrod #B8860Brgb(184, 134, 11)
  • Dark GraydarkgraySame as darkgrey #A9A9A9rgb(169, 169, 169)
  • Dark Greendarkgreen #006400rgb(0, 100, 0)
  • Dark GreydarkgreySame as darkgray #A9A9A9rgb(169, 169, 169)
  • Dark Khakidarkkhaki #BDB76Brgb(189, 183, 107)
  • Dark Magentadarkmagenta #8B008Brgb(139, 0, 139)
  • Dark Olive Greendarkolivegreen #556B2Frgb(85, 107, 47)
  • Dark Orangedarkorange #FF8C00rgb(255, 140, 0)
  • Dark Orchiddarkorchid #9932CCrgb(153, 50, 204)
  • Dark Reddarkred #8B0000rgb(139, 0, 0)
  • Dark Salmondarksalmon #E9967Argb(233, 150, 122)
  • Dark Sea Greendarkseagreen #8FBC8Frgb(143, 188, 143)
  • Dark Slate Bluedarkslateblue #483D8Brgb(72, 61, 139)
  • Dark Slate GraydarkslategraySame as darkslategrey #2F4F4Frgb(47, 79, 79)
  • Dark Slate GreydarkslategreySame as darkslategray #2F4F4Frgb(47, 79, 79)
  • Dark Turquoisedarkturquoise #00CED1rgb(0, 206, 209)
  • Dark Violetdarkviolet #9400D3rgb(148, 0, 211)
  • Deep Pinkdeeppink #FF1493rgb(255, 20, 147)
  • Deep Sky Bluedeepskyblue #00BFFFrgb(0, 191, 255)
  • Dim GraydimgraySame as dimgrey #696969rgb(105, 105, 105)
  • Dim GreydimgreySame as dimgray #696969rgb(105, 105, 105)
  • Dodger Bluedodgerblue #1E90FFrgb(30, 144, 255)
  • Firebrickfirebrick #B22222rgb(178, 34, 34)
  • Floral Whitefloralwhite #FFFAF0rgb(255, 250, 240)
  • Forest Greenforestgreen #228B22rgb(34, 139, 34)
  • FuchsiafuchsiaSame as magenta #FF00FFrgb(255, 0, 255)
  • Gainsborogainsboro #DCDCDCrgb(220, 220, 220)
  • Ghost Whiteghostwhite #F8F8FFrgb(248, 248, 255)
  • Goldgold #FFD700rgb(255, 215, 0)
  • Goldenrodgoldenrod #DAA520rgb(218, 165, 32)
  • GraygraySame as grey #808080rgb(128, 128, 128)
  • Greengreen #008000rgb(0, 128, 0)
  • Green Yellowgreenyellow #ADFF2Frgb(173, 255, 47)
  • GreygreySame as gray #808080rgb(128, 128, 128)
  • Honeydewhoneydew #F0FFF0rgb(240, 255, 240)
  • Hot Pinkhotpink #FF69B4rgb(255, 105, 180)
  • Indian Redindianred #CD5C5Crgb(205, 92, 92)
  • Indigoindigo #4B0082rgb(75, 0, 130)
  • Ivoryivory #FFFFF0rgb(255, 255, 240)
  • Khakikhaki #F0E68Crgb(240, 230, 140)
  • Lavenderlavender #E6E6FArgb(230, 230, 250)
  • Lavender Blushlavenderblush #FFF0F5rgb(255, 240, 245)
  • Lawn Greenlawngreen #7CFC00rgb(124, 252, 0)
  • Lemon Chiffonlemonchiffon #FFFACDrgb(255, 250, 205)
  • Light Bluelightblue #ADD8E6rgb(173, 216, 230)
  • Light Corallightcoral #F08080rgb(240, 128, 128)
  • Light Cyanlightcyan #E0FFFFrgb(224, 255, 255)
  • Light Goldenrod Yellowlightgoldenrodyellow #FAFAD2rgb(250, 250, 210)
  • Light GraylightgraySame as lightgrey #D3D3D3rgb(211, 211, 211)
  • Light Greenlightgreen #90EE90rgb(144, 238, 144)
  • Light GreylightgreySame as lightgray #D3D3D3rgb(211, 211, 211)
  • Light Pinklightpink #FFB6C1rgb(255, 182, 193)
  • Light Salmonlightsalmon #FFA07Argb(255, 160, 122)
  • Light Sea Greenlightseagreen #20B2AArgb(32, 178, 170)
  • Light Sky Bluelightskyblue #87CEFArgb(135, 206, 250)
  • Light Slate GraylightslategraySame as lightslategrey #778899rgb(119, 136, 153)
  • Light Slate GreylightslategreySame as lightslategray #778899rgb(119, 136, 153)
  • Light Steel Bluelightsteelblue #B0C4DErgb(176, 196, 222)
  • Light Yellowlightyellow #FFFFE0rgb(255, 255, 224)
  • Limelime #00FF00rgb(0, 255, 0)
  • Lime Greenlimegreen #32CD32rgb(50, 205, 50)
  • Linenlinen #FAF0E6rgb(250, 240, 230)
  • MagentamagentaSame as fuchsia #FF00FFrgb(255, 0, 255)
  • Maroonmaroon #800000rgb(128, 0, 0)
  • Medium Aquamarinemediumaquamarine #66CDAArgb(102, 205, 170)
  • Medium Bluemediumblue #0000CDrgb(0, 0, 205)
  • Medium Orchidmediumorchid #BA55D3rgb(186, 85, 211)
  • Medium Purplemediumpurple #9370DBrgb(147, 112, 219)
  • Medium Sea Greenmediumseagreen #3CB371rgb(60, 179, 113)
  • Medium Slate Bluemediumslateblue #7B68EErgb(123, 104, 238)
  • Medium Spring Greenmediumspringgreen #00FA9Argb(0, 250, 154)
  • Medium Turquoisemediumturquoise #48D1CCrgb(72, 209, 204)
  • Medium Violet Redmediumvioletred #C71585rgb(199, 21, 133)
  • Midnight Bluemidnightblue #191970rgb(25, 25, 112)
  • Mint Creammintcream #F5FFFArgb(245, 255, 250)
  • Misty Rosemistyrose #FFE4E1rgb(255, 228, 225)
  • Moccasinmoccasin #FFE4B5rgb(255, 228, 181)
  • Navajo Whitenavajowhite #FFDEADrgb(255, 222, 173)
  • Navynavy #000080rgb(0, 0, 128)
  • Old Laceoldlace #FDF5E6rgb(253, 245, 230)
  • Oliveolive #808000rgb(128, 128, 0)
  • Olive Drabolivedrab #6B8E23rgb(107, 142, 35)
  • Orangeorange #FFA500rgb(255, 165, 0)
  • Orange Redorangered #FF4500rgb(255, 69, 0)
  • Orchidorchid #DA70D6rgb(218, 112, 214)
  • Pale Goldenrodpalegoldenrod #EEE8AArgb(238, 232, 170)
  • Pale Greenpalegreen #98FB98rgb(152, 251, 152)
  • Pale Turquoisepaleturquoise #AFEEEErgb(175, 238, 238)
  • Pale Violet Redpalevioletred #DB7093rgb(219, 112, 147)
  • Papaya Whippapayawhip #FFEFD5rgb(255, 239, 213)
  • Peach Puffpeachpuff #FFDAB9rgb(255, 218, 185)
  • Peruperu #CD853Frgb(205, 133, 63)
  • Pinkpink #FFC0CBrgb(255, 192, 203)
  • Plumplum #DDA0DDrgb(221, 160, 221)
  • Powder Bluepowderblue #B0E0E6rgb(176, 224, 230)
  • Purplepurple #800080rgb(128, 0, 128)
  • Rebecca Purplerebeccapurple #663399rgb(102, 51, 153)
  • Redred #FF0000rgb(255, 0, 0)
  • Rosy Brownrosybrown #BC8F8Frgb(188, 143, 143)
  • Royal Blueroyalblue #4169E1rgb(65, 105, 225)
  • Saddle Brownsaddlebrown #8B4513rgb(139, 69, 19)
  • Salmonsalmon #FA8072rgb(250, 128, 114)
  • Sandy Brownsandybrown #F4A460rgb(244, 164, 96)
  • Sea Greenseagreen #2E8B57rgb(46, 139, 87)
  • Seashellseashell #FFF5EErgb(255, 245, 238)
  • Siennasienna #A0522Drgb(160, 82, 45)
  • Silversilver #C0C0C0rgb(192, 192, 192)
  • Sky Blueskyblue #87CEEBrgb(135, 206, 235)
  • Slate Blueslateblue #6A5ACDrgb(106, 90, 205)
  • Slate GrayslategraySame as slategrey #708090rgb(112, 128, 144)
  • Slate GreyslategreySame as slategray #708090rgb(112, 128, 144)
  • Snowsnow #FFFAFArgb(255, 250, 250)
  • Spring Greenspringgreen #00FF7Frgb(0, 255, 127)
  • Steel Bluesteelblue #4682B4rgb(70, 130, 180)
  • Tantan #D2B48Crgb(210, 180, 140)
  • Tealteal #008080rgb(0, 128, 128)
  • Thistlethistle #D8BFD8rgb(216, 191, 216)
  • Tomatotomato #FF6347rgb(255, 99, 71)
  • Turquoiseturquoise #40E0D0rgb(64, 224, 208)
  • Violetviolet #EE82EErgb(238, 130, 238)
  • Wheatwheat #F5DEB3rgb(245, 222, 179)
  • Whitewhite #FFFFFFrgb(255, 255, 255)
  • White Smokewhitesmoke #F5F5F5rgb(245, 245, 245)
  • Yellowyellow #FFFF00rgb(255, 255, 0)
  • Yellow Greenyellowgreen #9ACD32rgb(154, 205, 50)

What Are CSS Color Names?

CSS color names are keywords that web browsers understand as colors. Instead of writing a code, you can type a word like tomato, steelblue or rebeccapurple, and every modern browser shows exactly the same color. The full list is defined by the W3C in the CSS Color Module Level 4.

h2 { color: steelblue; }
h2 { color: #4682B4; }
h2 { color: rgb(70, 130, 180); }
These three lines give the same result: the keyword is simply a readable name for a fixed HEX and RGB value.

Color names are not case-sensitive, so SteelBlue and steelblue are the same color. They are written as one word, without spaces. Most of them come from an older list of computer colors called the X11 color names, which explains some unusual names like papayawhip or navajowhite.

Why 148 names but only 139 different colors?

Nine colors have two names. Seven of them simply accept both spellings, gray and grey: gray, darkgray, dimgray, lightgray, slategray, darkslategray and lightslategray. The other two pairs are true synonyms: aqua and cyan are both #00FFFF, and fuchsia and magenta are both #FF00FF. Each card marks these aliases.

HEX and RGB Codes in This List

Every color name has two equivalent codes. The HEX code is a 6-character value starting with #: two characters each for red, green and blue. The RGB values give the same three channels as numbers from 0 to 255. For example, Tomato is #FF6347, which is rgb(255, 99, 71): full red, some green and a little blue.

Use the color name when you want readable code, and the HEX or RGB value when a design tool needs a code. To convert any other code, use our HEX to RGB converter.

Color Families

To make the list easier to browse, we grouped the color names into ten families based on how they look. The CSS standard itself does not define families, so a few colors sit between two groups.

  • Red, Orange and Yellow: warm colors, from Crimson and Tomato to Gold and Lemon Chiffon.
  • Green and Blue: the largest groups, including teals and turquoises like Teal, Dark Cyan and Turquoise.
  • Purple and Pink: from Lavender and Thistle to Indigo, plus pinks like Hot Pink and Deep Pink.
  • Brown: earthy tones such as Sienna, Chocolate and Tan, plus light beiges like Wheat and Bisque.
  • Gray: from light Gainsboro and Silver to Black, including the bluish slate grays.
  • Neutral: near-white tints such as Snow, Ivory, Linen and Alice Blue.

Want to see how these colors relate on the color wheel or combine them into a scheme? Try the interactive color wheel or the random color palette generator.

Frequently Asked Questions

How many color names are there in CSS?

There are 148 named colors in CSS, defined in the CSS Color Module Level 4. Because nine colors have two names, they represent 139 unique colors. The keyword transparent is also valid but is not a visible color, so it is not included here.

Are color names the same in every browser?

Yes. Each color name is tied to one exact HEX value in the CSS standard, so Chrome, Safari, Firefox and Edge display the same color.

What is the difference between gray and grey in CSS?

There is none. Both spellings are valid and give the same color, for example gray and grey are both #808080.

What was the last color name added to CSS?

rebeccapurple (#663399) was the last name added, in CSS Color Module Level 4.

Can I use these color names outside of CSS?

Design tools like Canva or Figma usually ask for a HEX code rather than a name. Search the color here and copy its HEX code to use the exact same shade anywhere.

Sources

More Color Resources

Color CodesExplore colors and their codes. HEX to RGB ConverterConvert HEX and RGB color codes. Interactive Color WheelFind matching colors and harmonies. Palette GeneratorCreate and export 5-color palettes. All Color ToolsFree tools to mix, convert and choose colors.

Follow ColorMixLab on Facebook

Watch color mixing videos and discover new color combinations every week.

Follow Us on Facebook