Skip to content

HTML and CSS color names: the full list of 148

Every named color any browser understands, such as tomato or rebeccapurple, with its HEX, RGB, HSL and OKLCH code ready to copy.

Copy as

The 148 CSS and HTML named colors

They work in any browser by typing their name, for example color: tomato;. They are case-insensitive.

Reds10

View details

  • IndianRed

    #CD5C5C

  • LightCoral

    #F08080

  • Salmon

    #FA8072

  • DarkSalmon

    #E9967A

  • LightSalmon

    #FFA07A

  • Crimson

    #DC143C

  • Red

    #FF0000

  • FireBrick

    #B22222

  • DarkRed

    #8B0000

  • Maroon

    #800000

Oranges5

View details

  • Coral

    #FF7F50

  • Tomato

    #FF6347

  • OrangeRed

    #FF4500

  • DarkOrange

    #FF8C00

  • Orange

    #FFA500

Yellows11

View details

  • Gold

    #FFD700

  • Yellow

    #FFFF00

  • LightYellow

    #FFFFE0

  • LemonChiffon

    #FFFACD

  • LightGoldenrodYellow

    #FAFAD2

  • PapayaWhip

    #FFEFD5

  • Moccasin

    #FFE4B5

  • PeachPuff

    #FFDAB9

  • PaleGoldenrod

    #EEE8AA

  • Khaki

    #F0E68C

  • DarkKhaki

    #BDB76B

Greens23

View details

  • GreenYellow

    #ADFF2F

  • Chartreuse

    #7FFF00

  • LawnGreen

    #7CFC00

  • Lime

    #00FF00

  • LimeGreen

    #32CD32

  • PaleGreen

    #98FB98

  • LightGreen

    #90EE90

  • MediumSpringGreen

    #00FA9A

  • SpringGreen

    #00FF7F

  • MediumSeaGreen

    #3CB371

  • SeaGreen

    #2E8B57

  • ForestGreen

    #228B22

  • Green

    #008000

  • DarkGreen

    #006400

  • YellowGreen

    #9ACD32

  • OliveDrab

    #6B8E23

  • Olive

    #808000

  • DarkOliveGreen

    #556B2F

  • MediumAquamarine

    #66CDAA

  • DarkSeaGreen

    #8FBC8F

  • LightSeaGreen

    #20B2AA

  • DarkCyan

    #008B8B

  • Teal

    #008080

Cyans8

View details

  • Aqua

    #00FFFF

  • Cyan

    #00FFFF

  • LightCyan

    #E0FFFF

  • PaleTurquoise

    #AFEEEE

  • Aquamarine

    #7FFFD4

  • Turquoise

    #40E0D0

  • MediumTurquoise

    #48D1CC

  • DarkTurquoise

    #00CED1

Blues17

View details

  • CadetBlue

    #5F9EA0

  • SteelBlue

    #4682B4

  • LightSteelBlue

    #B0C4DE

  • PowderBlue

    #B0E0E6

  • LightBlue

    #ADD8E6

  • SkyBlue

    #87CEEB

  • LightSkyBlue

    #87CEFA

  • DeepSkyBlue

    #00BFFF

  • DodgerBlue

    #1E90FF

  • CornflowerBlue

    #6495ED

  • MediumSlateBlue

    #7B68EE

  • RoyalBlue

    #4169E1

  • Blue

    #0000FF

  • MediumBlue

    #0000CD

  • DarkBlue

    #00008B

  • Navy

    #000080

  • MidnightBlue

    #191970

Purples18

View details

  • Lavender

    #E6E6FA

  • Thistle

    #D8BFD8

  • Plum

    #DDA0DD

  • Violet

    #EE82EE

  • Orchid

    #DA70D6

  • Fuchsia

    #FF00FF

  • Magenta

    #FF00FF

  • MediumOrchid

    #BA55D3

  • MediumPurple

    #9370DB

  • RebeccaPurple

    #663399

  • BlueViolet

    #8A2BE2

  • DarkViolet

    #9400D3

  • DarkOrchid

    #9932CC

  • DarkMagenta

    #8B008B

  • Purple

    #800080

  • Indigo

    #4B0082

  • SlateBlue

    #6A5ACD

  • DarkSlateBlue

    #483D8B

Pinks6

View details

  • Pink

    #FFC0CB

  • LightPink

    #FFB6C1

  • HotPink

    #FF69B4

  • DeepPink

    #FF1493

  • MediumVioletRed

    #C71585

  • PaleVioletRed

    #DB7093

Browns16

View details

  • Cornsilk

    #FFF8DC

  • BlanchedAlmond

    #FFEBCD

  • Bisque

    #FFE4C4

  • NavajoWhite

    #FFDEAD

  • Wheat

    #F5DEB3

  • BurlyWood

    #DEB887

  • Tan

    #D2B48C

  • RosyBrown

    #BC8F8F

  • SandyBrown

    #F4A460

  • Goldenrod

    #DAA520

  • DarkGoldenrod

    #B8860B

  • Peru

    #CD853F

  • Chocolate

    #D2691E

  • SaddleBrown

    #8B4513

  • Sienna

    #A0522D

  • Brown

    #A52A2A

Whites17

View details

  • White

    #FFFFFF

  • Snow

    #FFFAFA

  • HoneyDew

    #F0FFF0

  • MintCream

    #F5FFFA

  • Azure

    #F0FFFF

  • AliceBlue

    #F0F8FF

  • GhostWhite

    #F8F8FF

  • WhiteSmoke

    #F5F5F5

  • Seashell

    #FFF5EE

  • Beige

    #F5F5DC

  • OldLace

    #FDF5E6

  • FloralWhite

    #FFFAF0

  • Ivory

    #FFFFF0

  • AntiqueWhite

    #FAEBD7

  • Linen

    #FAF0E6

  • LavenderBlush

    #FFF0F5

  • MistyRose

    #FFE4E1

Grays17

View details

  • Gainsboro

    #DCDCDC

  • LightGray

    #D3D3D3

  • LightGrey

    #D3D3D3

  • Silver

    #C0C0C0

  • DarkGray

    #A9A9A9

  • DarkGrey

    #A9A9A9

  • Gray

    #808080

  • Grey

    #808080

  • DimGray

    #696969

  • DimGrey

    #696969

  • LightSlateGray

    #778899

  • LightSlateGrey

    #778899

  • SlateGray

    #708090

  • SlateGrey

    #708090

  • DarkSlateGray

    #2F4F4F

  • DarkSlateGrey

    #2F4F4F

  • Black

    #000000

What CSS color names are

CSS recognizes 148 color names, such as tomato, cornflowerblue or rebeccapurple. Each one maps to a fixed HEX code and works the same in every browser, with nothing else to define.

They are handy for prototypes, examples and one-off colors because they read better than a code. For a design system with exact, consistent tones, HEX, RGB or OKLCH are still the better choice.

CSS color name trivia

There is some history behind the list, and a few quirks worth knowing.

  • They started as 16

    HTML 4 only defined 16 names, such as navy, teal or olive. The rest came later, inherited from the X11 graphics system colors.

  • 148 names, 139 colors

    Nine pairs are the same color: gray and grey (and their variants), aqua and cyan, and fuchsia and magenta.

  • darkgray is lighter than gray

    Because of that X11 heritage, darkgray (#A9A9A9) is lighter than gray (#808080). If you want a dark gray, use dimgray.

  • rebeccapurple has a story

    It was added in 2014 in memory of Rebecca Meyer, daughter of Eric Meyer, one of the leading figures in CSS. It is the only name added in recent years.

  • They are case-insensitive

    tomato, Tomato and TOMATO are the same color. By convention they are written in lowercase.

  • transparent and currentColor

    They are not part of the list, but they are color keywords too: transparent is fully transparent and currentColor uses the element’s text color.

Frequently asked questions

148 names, which map to 139 different colors because there are nine alias pairs (such as gray and grey). They range from basics like red or blue to names like mediumseagreen or rebeccapurple.

Yes, you can write them as they are in any color property, for example color: tomato;, without converting them to HEX or RGB first.

Yes. CSS accepts both spellings for every gray (gray/grey, darkgray/darkgrey…) and they give exactly the same color.

Because the names come from different sources: gray (#808080) is from the original HTML list and darkgray (#A9A9A9) was inherited from the X11 colors, where “gray” was lighter. For a dark gray use dimgray (#696969).

It is the color #663399, added to CSS in 2014 in memory of Rebecca Meyer, daughter of Eric Meyer, one of the leading figures of the CSS community.

No. Tomato, tomato and TOMATO all work, although lowercase is the usual convention.

Yes, they are part of the CSS standard and supported by every current browser.

Related tools