How many HTML color names are there?

CSS defines 148 color names. Some are aliases for the same value — aqua and cyan, fuchsia and magenta, and seven gray/grey spelling pairs — so there are 139 distinct colors. The often-quoted “140 colors” counts the list differently.

Do all browsers support these color names?

Yes. All 148 names are part of the CSS Color specification and work in every modern browser, in CSS and in HTML style attributes. Names are case-insensitive.

Should I use color names or HEX codes?

Both produce identical colors. Names are handy for quick prototypes and readable demos; HEX, RGB or HSL are better for brand colors, because only a small set of colors has a name.

What is the difference between HEX and RGB?

None in the color itself — they are two notations for the same red, green and blue values. #FF8000 is rgb(255, 128, 0): each pair of hex digits is one channel from 00 (0) to FF (255).

HTML Color Codes

Every CSS color name with its HEX and RGB code — search, filter and copy.

Search colors

148 color names

#FFA07A
lightsalmon
rgb(255, 160, 122)
#FA8072
salmon
rgb(250, 128, 114)
#E9967A
darksalmon
rgb(233, 150, 122)
#F08080
lightcoral
rgb(240, 128, 128)
#CD5C5C
indianred
rgb(205, 92, 92)
#DC143C
crimson
rgb(220, 20, 60)
#FF0000
red
rgb(255, 0, 0)
Details
#B22222
firebrick
rgb(178, 34, 34)
#8B0000
darkred
rgb(139, 0, 0)
#FFC0CB
pink
rgb(255, 192, 203)
Details
#FFB6C1
lightpink
rgb(255, 182, 193)
#FF69B4
hotpink
rgb(255, 105, 180)
#FF1493
deeppink
rgb(255, 20, 147)
#DB7093
palevioletred
rgb(219, 112, 147)
#C71585
mediumvioletred
rgb(199, 21, 133)
#FFA500
orange
rgb(255, 165, 0)
Details
#FF8C00
darkorange
rgb(255, 140, 0)
#FF7F50
coral
rgb(255, 127, 80)
#FF6347
tomato
rgb(255, 99, 71)
#FF4500
orangered
rgb(255, 69, 0)
#FFD700
gold
rgb(255, 215, 0)
Details
#FFFF00
yellow
rgb(255, 255, 0)
Details
#FFFFE0
lightyellow
rgb(255, 255, 224)
#FFFACD
lemonchiffon
rgb(255, 250, 205)
#FAFAD2
lightgoldenrodyellow
rgb(250, 250, 210)
#FFEFD5
papayawhip
rgb(255, 239, 213)
#FFE4B5
moccasin
rgb(255, 228, 181)
#FFDAB9
peachpuff
rgb(255, 218, 185)
#EEE8AA
palegoldenrod
rgb(238, 232, 170)
#F0E68C
khaki
rgb(240, 230, 140)
Details
#BDB76B
darkkhaki
rgb(189, 183, 107)
#ADFF2F
greenyellow
rgb(173, 255, 47)
#7FFF00
chartreuse
rgb(127, 255, 0)
#7CFC00
lawngreen
rgb(124, 252, 0)
#00FF00
lime
rgb(0, 255, 0)
#32CD32
limegreen
rgb(50, 205, 50)
#98FB98
palegreen
rgb(152, 251, 152)
#90EE90
lightgreen
rgb(144, 238, 144)
#00FA9A
mediumspringgreen
rgb(0, 250, 154)
#00FF7F
springgreen
rgb(0, 255, 127)
#3CB371
mediumseagreen
rgb(60, 179, 113)
#2E8B57
seagreen
rgb(46, 139, 87)
#228B22
forestgreen
rgb(34, 139, 34)
#008000
green
rgb(0, 128, 0)
Details
#006400
darkgreen
rgb(0, 100, 0)
Details
#9ACD32
yellowgreen
rgb(154, 205, 50)
#6B8E23
olivedrab
rgb(107, 142, 35)
#808000
olive
rgb(128, 128, 0)
#556B2F
darkolivegreen
rgb(85, 107, 47)
#66CDAA
mediumaquamarine
rgb(102, 205, 170)
#8FBC8F
darkseagreen
rgb(143, 188, 143)
#20B2AA
lightseagreen
rgb(32, 178, 170)
#008B8B
darkcyan
rgb(0, 139, 139)
#008080
teal
rgb(0, 128, 128)
Details
#00FFFF
aqua
rgb(0, 255, 255)
#00FFFF
cyan
rgb(0, 255, 255)
#E0FFFF
lightcyan
rgb(224, 255, 255)
#AFEEEE
paleturquoise
rgb(175, 238, 238)
#7FFFD4
aquamarine
rgb(127, 255, 212)
#40E0D0
turquoise
rgb(64, 224, 208)
#48D1CC
mediumturquoise
rgb(72, 209, 204)
#00CED1
darkturquoise
rgb(0, 206, 209)
#5F9EA0
cadetblue
rgb(95, 158, 160)
#4682B4
steelblue
rgb(70, 130, 180)
#B0C4DE
lightsteelblue
rgb(176, 196, 222)
#ADD8E6
lightblue
rgb(173, 216, 230)
Details
#B0E0E6
powderblue
rgb(176, 224, 230)
#87CEFA
lightskyblue
rgb(135, 206, 250)
#87CEEB
skyblue
rgb(135, 206, 235)
Details
#6495ED
cornflowerblue
rgb(100, 149, 237)
#00BFFF
deepskyblue
rgb(0, 191, 255)
#1E90FF
dodgerblue
rgb(30, 144, 255)
#4169E1
royalblue
rgb(65, 105, 225)
Details
#0000FF
blue
rgb(0, 0, 255)
Details
#0000CD
mediumblue
rgb(0, 0, 205)
#00008B
darkblue
rgb(0, 0, 139)
Details
#000080
navy
rgb(0, 0, 128)
Details
#191970
midnightblue
rgb(25, 25, 112)
#E6E6FA
lavender
rgb(230, 230, 250)
Details
#D8BFD8
thistle
rgb(216, 191, 216)
#DDA0DD
plum
rgb(221, 160, 221)
#EE82EE
violet
rgb(238, 130, 238)
#DA70D6
orchid
rgb(218, 112, 214)
#FF00FF
fuchsia
rgb(255, 0, 255)
Details
#FF00FF
magenta
rgb(255, 0, 255)
Details
#BA55D3
mediumorchid
rgb(186, 85, 211)
#9370DB
mediumpurple
rgb(147, 112, 219)
#663399
rebeccapurple
rgb(102, 51, 153)
#8A2BE2
blueviolet
rgb(138, 43, 226)
#9400D3
darkviolet
rgb(148, 0, 211)
#9932CC
darkorchid
rgb(153, 50, 204)
#8B008B
darkmagenta
rgb(139, 0, 139)
#800080
purple
rgb(128, 0, 128)
Details
#4B0082
indigo
rgb(75, 0, 130)
#6A5ACD
slateblue
rgb(106, 90, 205)
#483D8B
darkslateblue
rgb(72, 61, 139)
#7B68EE
mediumslateblue
rgb(123, 104, 238)
#FFF8DC
cornsilk
rgb(255, 248, 220)
#FFEBCD
blanchedalmond
rgb(255, 235, 205)
#FFE4C4
bisque
rgb(255, 228, 196)
#FFDEAD
navajowhite
rgb(255, 222, 173)
#F5DEB3
wheat
rgb(245, 222, 179)
#DEB887
burlywood
rgb(222, 184, 135)
#D2B48C
tan
rgb(210, 180, 140)
#BC8F8F
rosybrown
rgb(188, 143, 143)
#F4A460
sandybrown
rgb(244, 164, 96)
#DAA520
goldenrod
rgb(218, 165, 32)
#B8860B
darkgoldenrod
rgb(184, 134, 11)
#CD853F
peru
rgb(205, 133, 63)
#D2691E
chocolate
rgb(210, 105, 30)
#8B4513
saddlebrown
rgb(139, 69, 19)
#A0522D
sienna
rgb(160, 82, 45)
#A52A2A
brown
rgb(165, 42, 42)
Details
#800000
maroon
rgb(128, 0, 0)
Details
#FFFFFF
white
rgb(255, 255, 255)
Details
#FFFAFA
snow
rgb(255, 250, 250)
#F0FFF0
honeydew
rgb(240, 255, 240)
#F5FFFA
mintcream
rgb(245, 255, 250)
#F0FFFF
azure
rgb(240, 255, 255)
#F0F8FF
aliceblue
rgb(240, 248, 255)
#F8F8FF
ghostwhite
rgb(248, 248, 255)
#F5F5F5
whitesmoke
rgb(245, 245, 245)
#FFF5EE
seashell
rgb(255, 245, 238)
#F5F5DC
beige
rgb(245, 245, 220)
Details
#FDF5E6
oldlace
rgb(253, 245, 230)
#FFFAF0
floralwhite
rgb(255, 250, 240)
#FFFFF0
ivory
rgb(255, 255, 240)
#FAEBD7
antiquewhite
rgb(250, 235, 215)
#FAF0E6
linen
rgb(250, 240, 230)
#FFF0F5
lavenderblush
rgb(255, 240, 245)
#FFE4E1
mistyrose
rgb(255, 228, 225)
#DCDCDC
gainsboro
rgb(220, 220, 220)
#D3D3D3
lightgray
rgb(211, 211, 211)
Details
#D3D3D3
lightgrey
rgb(211, 211, 211)
Details
#C0C0C0
silver
rgb(192, 192, 192)
Details
#A9A9A9
darkgray
rgb(169, 169, 169)
#A9A9A9
darkgrey
rgb(169, 169, 169)
#808080
gray
rgb(128, 128, 128)
Details
#808080
grey
rgb(128, 128, 128)
Details
#696969
dimgray
rgb(105, 105, 105)
#696969
dimgrey
rgb(105, 105, 105)
#778899
lightslategray
rgb(119, 136, 153)
#778899
lightslategrey
rgb(119, 136, 153)
#708090
slategray
rgb(112, 128, 144)
#708090
slategrey
rgb(112, 128, 144)
#2F4F4F
darkslategray
rgb(47, 79, 79)
#2F4F4F
darkslategrey
rgb(47, 79, 79)
#000000
black
rgb(0, 0, 0)
Details

About this list

This is the complete set of 148 color names defined in the CSS Color specification, which every modern browser supports. Several names are aliases for the same value — aqua and cyan, fuchsia and magenta, and seven pairs spelled with gray or grey — so the list contains 139 distinct colors. The special keywords transparent and currentcolor are not included.

Search by name, HEX code (#ff) or RGB values (255,0), or filter by color family. Colors with a Details link have their own page with shades, tints, matching colors and contrast values.

HEX, RGB, HSL and color names

HEX codes start with # and use two hexadecimal digits (00–FF) for each of red, green and blue: #FF6347 is red 255, green 99, blue 71. A short form like #F00 doubles each digit, and 8-digit codes add an alpha (opacity) channel.

RGB writes the same channels in decimal: rgb(255, 99, 71). HSL uses hue, saturation and lightness — hsl(9, 100%, 64%) — which is convenient for making lighter or darker variants. Color names such as tomato are simply predefined shortcuts for specific values.

How to use color codes in HTML and CSS

Colors belong in CSS. You can write them in a stylesheet, in a <style> element, or — for quick tests — in a style attribute. Every format below produces the same color:

CSS stylesheet

h1 {
  color: tomato;          /* name */
}
.notice {
  color: #ff6347;         /* HEX */
  background: rgb(255 99 71 / 0.1);  /* RGB with 10 % opacity */
  border: 1px solid hsl(9 100% 64%);  /* HSL */
}

Inline style in HTML

<p style="color: #ff6347; background-color: whitesmoke;">
  Warning text
</p>

Try these examples in the online HTML editor. Old attributes like <font color> and bgcolor are obsolete — use CSS instead.

Need a color that isn't on the list?

Only 139 colors have names, but CSS can show over 16 million. Use the color picker to find any color, the image color picker to take one from a photo, and the HEX to RGB and RGB to HEX converters to switch formats. The color directory has detailed pages for popular colors.

Frequently asked questions

How many HTML color names are there?: CSS defines 148 color names. Some are aliases for the same value — aqua and cyan, fuchsia and magenta, and seven gray/grey spelling pairs — so there are 139 distinct colors. The often-quoted “140 colors” counts the list differently.
Do all browsers support these color names?: Yes. All 148 names are part of the CSS Color specification and work in every modern browser, in CSS and in HTML style attributes. Names are case-insensitive.
Should I use color names or HEX codes?: Both produce identical colors. Names are handy for quick prototypes and readable demos; HEX, RGB or HSL are better for brand colors, because only a small set of colors has a name.
What is the difference between HEX and RGB?: None in the color itself — they are two notations for the same red, green and blue values. #FF8000 is rgb(255, 128, 0): each pair of hex digits is one channel from 00 (0) to FF (255).