CSS Color Names

By Xah Lee. Date: . Last updated: .

Here's 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%)
Like it? Help me by telling your friends. Or, Put $5 at patreon.

Or, Buy JavaScript in Depth

CSS Basics

  1. Basics
  2. Tag Matching Tutorial
  3. Selector Syntax
  4. Units

Color

  1. Color Syntax
  2. Color Names
  3. Opacity
  4. Linear Gradient
  5. Radial Gradient

Font

  1. font-family
  2. Standard Web Fonts
  3. font-size
  4. Meaning of Font Size
  5. Font Weight
  6. Chinese Font Names

Box Model

  1. Border
  2. Outline
  3. Margin vs Padding
  4. Box Sizing

Layout

  1. Layout Tutorial
  2. Display Property
  3. Position: static, relative, fixed, absolute
  4. Pure CSS Table
  5. Tabbed Menu
  6. 3 Columns Page Layout
  7. Multi-Column Layout for Text Flow
  8. Fix Element to Window
  9. Centering
  10. Flowing List
  11. z-index
  12. Text Over Image
  13. Text Flow Around Image
  14. OverFlow, Scrollbar

Transform/Animation

  1. 2D Transform
  2. Transition
  3. Animation

Line Wrap, Justification

  1. Line Wrap
  2. Text Alignment, Justification
  3. Match first-letter and first-line
  4. “:before”, “:after”
  5. Text Decoration: Underline, Overline, Line-Through
  6. Letter Spacing, Word Spacing

Box Decoration

  1. Box Shadow
  2. Text Shadow
  3. Round Corners
  4. Background Image
  5. Image Rollover

Misc

  1. Computed Style
  2. Pseudo Class vs Pseudo Element
  3. Media Query
  4. Variable
  5. calc
  6. Reset
  7. user-select
  8. Data URI Scheme
  9. protocol-relative URL
  10. Default Unit
  11. Declaring Character Set in CSS File
  12. Jargons Explained: Tag, Element, Node, Object, Attribute, Property, Method
  13. Display Table on Small Screen
  14. Fixed Aspect Ratio
  15. Add Icon to Links
  16. Progress Bar Example

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials