CSS Color Names

By Xah Lee. Date: . Last updated: .

This following are named colors defined in CSS3, supported by all browsers.

black
#000000
hsl(0,0%,0%)
dimgray
#696969
hsl(0,0%,41%)
dimgrey
#696969
hsl(0,0%,41%)
gray
#808080
hsl(0,0%,50%)
grey
#808080
hsl(0,0%,50%)
darkgray
#a9a9a9
hsl(0,0%,66%)
darkgrey
#a9a9a9
hsl(0,0%,66%)
silver
#c0c0c0
hsl(0,0%,75%)
lightgray
#d3d3d3
hsl(0,0%,82%)
lightgrey
#d3d3d3
hsl(0,0%,82%)
gainsboro
#dcdcdc
hsl(0,0%,86%)
whitesmoke
#f5f5f5
hsl(0,0%,96%)
white
#ffffff
hsl(0,0%,100%)
rosybrown
#bc8f8f
hsl(0,25%,64%)
indianred
#cd5c5c
hsl(0,53%,58%)
brown
#a52a2a
hsl(0,59%,40%)
firebrick
#b22222
hsl(0,67%,41%)
lightcoral
#f08080
hsl(0,78%,72%)
maroon
#800000
hsl(0,100%,25%)
darkred
#8b0000
hsl(0,100%,27%)
red
#ff0000
hsl(0,100%,50%)
snow
#fffafa
hsl(0,100%,99%)
salmon
#fa8072
hsl(6,93%,71%)
mistyrose
#ffe4e1
hsl(6,100%,94%)
tomato
#ff6347
hsl(9,100%,63%)
darksalmon
#e9967a
hsl(15,71%,69%)
coral
#ff7f50
hsl(16,100%,65%)
orangered
#ff4500
hsl(16,100%,50%)
lightsalmon
#ffa07a
hsl(17,100%,73%)
sienna
#a0522d
hsl(19,56%,40%)
chocolate
#d2691e
hsl(24,74%,47%)
saddlebrown
#8b4513
hsl(24,75%,30%)
seashell
#fff5ee
hsl(24,100%,96%)
sandybrown
#f4a460
hsl(27,87%,66%)
peachpuff
#ffdab9
hsl(28,100%,86%)
peru
#cd853f
hsl(29,58%,52%)
linen
#faf0e6
hsl(30,66%,94%)
bisque
#ffe4c4
hsl(32,100%,88%)
darkorange
#ff8c00
hsl(32,100%,50%)
burlywood
#deb887
hsl(33,56%,70%)
tan
#d2b48c
hsl(34,43%,68%)
antiquewhite
#faebd7
hsl(34,77%,91%)
blanchedalmond
#ffebcd
hsl(35,100%,90%)
navajowhite
#ffdead
hsl(35,100%,83%)
papayawhip
#ffefd5
hsl(37,100%,91%)
moccasin
#ffe4b5
hsl(38,100%,85%)
orange
#ffa500
hsl(38,100%,50%)
wheat
#f5deb3
hsl(39,76%,83%)
oldlace
#fdf5e6
hsl(39,85%,94%)
floralwhite
#fffaf0
hsl(39,100%,97%)
goldenrod
#daa520
hsl(42,74%,49%)
darkgoldenrod
#b8860b
hsl(42,88%,38%)
cornsilk
#fff8dc
hsl(47,100%,93%)
gold
#ffd700
hsl(50,100%,50%)
lemonchiffon
#fffacd
hsl(53,100%,90%)
palegoldenrod
#eee8aa
hsl(54,66%,80%)
khaki
#f0e68c
hsl(54,76%,74%)
darkkhaki
#bdb76b
hsl(55,38%,58%)
beige
#f5f5dc
hsl(60,55%,91%)
lightgoldenrodyellow
#fafad2
hsl(60,79%,90%)
olive
#808000
hsl(60,100%,25%)
ivory
#fffff0
hsl(60,100%,97%)
lightyellow
#ffffe0
hsl(60,100%,93%)
yellow
#ffff00
hsl(60,100%,50%)
olivedrab
#6b8e23
hsl(79,60%,34%)
yellowgreen
#9acd32
hsl(79,60%,50%)
darkolivegreen
#556b2f
hsl(82,38%,30%)
greenyellow
#adff2f
hsl(83,100%,59%)
lawngreen
#7cfc00
hsl(90,100%,49%)
chartreuse
#7fff00
hsl(90,100%,50%)
darkseagreen
#8fbc8f
hsl(120,25%,64%)
forestgreen
#228b22
hsl(120,60%,33%)
limegreen
#32cd32
hsl(120,60%,50%)
lightgreen
#90ee90
hsl(120,73%,74%)
palegreen
#98fb98
hsl(120,92%,79%)
darkgreen
#006400
hsl(120,100%,19%)
green
#008000
hsl(120,100%,25%)
lime
#00ff00
hsl(120,100%,50%)
honeydew
#f0fff0
hsl(120,100%,97%)
mediumseagreen
#3cb371
hsl(146,49%,46%)
seagreen
#2e8b57
hsl(146,50%,36%)
springgreen
#00ff7f
hsl(149,100%,50%)
mintcream
#f5fffa
hsl(149,100%,98%)
mediumspringgreen
#00fa9a
hsl(156,100%,49%)
mediumaquamarine
#66cdaa
hsl(159,50%,60%)
aquamarine
#7fffd4
hsl(159,100%,74%)
turquoise
#40e0d0
hsl(174,72%,56%)
lightseagreen
#20b2aa
hsl(176,69%,41%)
mediumturquoise
#48d1cc
hsl(177,59%,55%)
darkslategray
#2f4f4f
hsl(180,25%,24%)
darkslategrey
#2f4f4f
hsl(180,25%,24%)
paleturquoise
#afeeee
hsl(180,64%,80%)
aqua
#00ffff
hsl(180,100%,50%)
cyan
#00ffff
hsl(180,100%,50%)
darkcyan
#008b8b
hsl(180,100%,27%)
darkturquoise
#00ced1
hsl(180,100%,40%)
teal
#008080
hsl(180,100%,25%)
lightcyan
#e0ffff
hsl(180,100%,93%)
azure
#f0ffff
hsl(180,100%,97%)
cadetblue
#5f9ea0
hsl(181,25%,50%)
powderblue
#b0e0e6
hsl(186,51%,79%)
lightblue
#add8e6
hsl(194,53%,79%)
deepskyblue
#00bfff
hsl(195,100%,50%)
skyblue
#87ceeb
hsl(197,71%,72%)
lightskyblue
#87cefa
hsl(202,91%,75%)
steelblue
#4682b4
hsl(207,44%,49%)
aliceblue
#f0f8ff
hsl(208,100%,97%)
dodgerblue
#1e90ff
hsl(209,100%,55%)
slategray
#708090
hsl(210,12%,50%)
slategrey
#708090
hsl(210,12%,50%)
lightslategray
#778899
hsl(210,14%,53%)
lightslategrey
#778899
hsl(210,14%,53%)
lightsteelblue
#b0c4de
hsl(213,41%,78%)
cornflowerblue
#6495ed
hsl(218,79%,66%)
royalblue
#4169e1
hsl(225,72%,56%)
midnightblue
#191970
hsl(240,63%,26%)
lavender
#e6e6fa
hsl(240,66%,94%)
blue
#0000ff
hsl(240,100%,50%)
darkblue
#00008b
hsl(240,100%,27%)
mediumblue
#0000cd
hsl(240,100%,40%)
navy
#000080
hsl(240,100%,25%)
ghostwhite
#f8f8ff
hsl(240,100%,98%)
darkslateblue
#483d8b
hsl(248,38%,39%)
slateblue
#6a5acd
hsl(248,53%,57%)
mediumslateblue
#7b68ee
hsl(248,79%,67%)
mediumpurple
#9370db
hsl(259,59%,64%)
blueviolet
#8a2be2
hsl(271,75%,52%)
indigo
#4b0082
hsl(274,100%,25%)
darkorchid
#9932cc
hsl(280,60%,49%)
darkviolet
#9400d3
hsl(282,100%,41%)
mediumorchid
#ba55d3
hsl(288,58%,58%)
thistle
#d8bfd8
hsl(300,24%,79%)
plum
#dda0dd
hsl(300,47%,74%)
violet
#ee82ee
hsl(300,76%,72%)
purple
#800080
hsl(300,100%,25%)
darkmagenta
#8b008b
hsl(300,100%,27%)
fuchsia
#ff00ff
hsl(300,100%,50%)
magenta
#ff00ff
hsl(300,100%,50%)
orchid
#da70d6
hsl(302,58%,64%)
mediumvioletred
#c71585
hsl(322,80%,43%)
deeppink
#ff1493
hsl(327,100%,53%)
hotpink
#ff69b4
hsl(330,100%,70%)
lavenderblush
#fff0f5
hsl(339,100%,97%)
palevioletred
#db7093
hsl(340,59%,64%)
crimson
#dc143c
hsl(348,83%,47%)
pink
#ffc0cb
hsl(349,100%,87%)
lightpink
#ffb6c1
hsl(350,100%,85%)

For other color syntax, see: CSS Color Tutorial.

Reference

CSS Color Module Level 3

CSS Color Topic

  1. CSS Color Tutorial
  2. CSS Color Names
  3. CSS: HSL Color
  4. CSS: Linear Gradient
  5. CSS: Radial Gradient
  6. CSS: Opacity
Liket it? Put $1 at patreon.

Or, Buy JavaScript in Depth
♥
ohayo — a new type of editor for a new type of Lisp