Path // www.yourhtmlsource.comStylesheets → NAMED COLOURS

Named Colours


Having to memorise hex codes for all of the colours you’re going to be using can be a pain. CSS includes a range of 17 common colours that you can slot into your stylesheets in place of a hex code. Here are the merry bunch, straight from » the spec:

maroon #800000 red #ff0000 orange #ffA500 yellow #ffff00 olive #808000
purple #800080 fuchsia #ff00ff white #ffffff lime #00ff00 green #008000
navy #000080 blue #0000ff aqua #00ffff teal #008080
black #000000 silver #c0c0c0 gray #808080

CSS allows you to use all of the below, hex codes and RGB codes. Thus, all of these definitions are technically the same:

strong {color: red; }
strong {color: #ff0000; }
strong {color: rgb(100%, 0%, 0%); }

On top of these colours, there are a range of others that were specified in the ill-fated “HTML+” specification, which are nonetheless well-supported in most browsers. Please note however, that the majority of the colours below are not web-safe, and so you should try not to use them for large blocks of colour, perhaps only using them for text formatting.

Clock This page was last updated on 2012-08-21



Aliceblue
#F0F8FF
Antiquewhite
#FAEBD7
Aqua
#00FFFF
Aquamarine
#7FFFD4
Azure
#F0FFFF
Beige
#F5F5DC
Bisque
#FFE4C4
Black
#000000
Blanchedalmond
#FFEBCD
Blue
#0000FF
Blueviolet
#8A2BE2
Brown
#A52A2A
Burlywood
#DEB887
Cadetblue
#5F9EA0
Chartreuse
#7FFF00
Chocolate
#D2691E
Coral
#FF7F50
Cornflowerblue
#6495ED
Cornsilk
#FFF8DC
Crimson
#DC143C
Cyan
#00FFFF
Darkblue
#00008B
Darkcyan
#008B8B
Darkgoldenrod
#B8860B
Darkgray
#A9A9A9
Darkgreen
#006400
Darkkhaki
#BDB76B
Darkmagenta
#8B008B
Darkolivegreen
#556B2F
Darkorange
#FF8C00
Darkorchid
#9932CC
Darkred
#8B0000
Darksalmon
#E9967A
Darkseagreen
#8FBC8F
Darkslateblue
#483D8B
Darkslategray
#2F4F4F
Darkturquoise
#00CED1
Darkviolet
#9400D3
Deeppink
#FF1493
Deepskyblue
#00BFFF
Dimgray
#696969
Dodgerblue
#1E90FF
Firebrick
#B22222
Floralwhite
#FFFAF0
Forestgreen
#228B22
Fuchsia
#FF00FF
Gainsboro
#DCDCDC
Ghostwhite
#F8F8FF
Gold
#FFD700
Goldenrod
#DAA520
Gray
#808080
Green
#008000
Greenyellow
#ADFF2F
Honeydew
#F0FFF0
Hotpink
#FF69B4
Indianred
#CD5C5C
Indigo
#4B0082
Ivory
#FFFFF0
Khaki
#F0E68C
Lavender
#E6E6FA
Lavenderblush
#FFF0F5
Lawngreen
#7CFC00
Lemonchiffon
#FFFACD
Lightblue
#ADD8E6
Lightcoral
#F08080
Lightcyan
#E0FFFF
Lightgoldenrodyellow
#FAFAD2
Lightgreen
#90EE90
Lightgrey
#D3D3D3
Lightpink
#FFB6C1
Lightsalmon
#FFA07A
Lightseagreen
#20B2AA
Lightskyblue
#87CEFA
Lightslategray
#778899
Lightsteelblue
#B0C4DE
Lightyellow
#FFFFE0
Lime
#00FF00
Limegreen
#32CD32
Linen
#FAF0E6
Magenta
#FF00FF
Maroon
#800000
Mediumauqamarine
#66CDAA
Mediumblue
#0000CD
Mediumorchid
#BA55D3
Mediumpurple
#9370D8
Mediumseagreen
#3CB371
Mediumslateblue
#7B68EE
Mediumspringgreen
#00FA9A
Mediumturquoise
#48D1CC
Mediumvioletred
#C71585
Midnightblue
#191970
Mintcream
#F5FFFA
Mistyrose
#FFE4E1
Moccasin
#FFE4B5
Navajowhite
#FFDEAD
Navy
#000080
Oldlace
#FDF5E6
Olive
#808000
Olivedrab
#688E23
Orange
#FFA500
Orangered
#FF4500
Orchid
#DA70D6
Palegoldenrod
#EEE8AA
Palegreen
#98FB98
Paleturquoise
#AFEEEE
Palevioletred
#D87093
Papayawhip
#FFEFD5
Peachpuff
#FFDAB9
Peru
#CD853F
Pink
#FFC0CB
Plum
#DDA0DD
Powderblue
#B0E0E6
Purple
#800080
Red
#FF0000
Rosybrown
#BC8F8F
Royalblue
#4169E1
Saddlebrown
#8B4513
Salmon
#FA8072
Sandybrown
#F4A460
Seagreen
#2E8B57
Seashell
#FFF5EE
Sienna
#A0522D
Silver
#C0C0C0
Skyblue
#87CEEB
Slateblue
#6A5ACD
Slategray
#708090
Snow
#FFFAFA
Springgreen
#00FF7F
Steelblue
#4682B4
Tan
#D2B48C
Teal
#008080
Thistle
#D8BFD8
Tomato
#FF6347
Turquoise
#40E0D0
Violet
#EE82EE
Wheat
#F5DEB3
White
#FFFFFF
Whitesmoke
#F5F5F5
Yellow
#FFFF00
YellowGreen
#9ACD32