Member Login:


CSS Extended Web Color Names

Document Reference: TN201001012 - Rev: 1.1 - Last Update: 15-07-2014 11:32 GMT - Downloaded: 19-Mar-2024 07:39 GMT

CSS Color Module Level 3 specifies a number of colour keywords (aka web color names, X11 colors, or the SVG colors).

Unlike the 16 HTML 4.01 Web Color Names, these color keywords are not recognize by HTML as color attributes. Below color keywords/names, hexnumbers and RGB values can only be used in CSS and SVG. You are encouraged to use CSS for all your styling.

Colour Values By Keyword, Hexadecimal And RGB Numbers

Pink CSS Color Names (6)

Color NameHexadecimal NumberRGBSample Color
pink#ffc0cbrgb(255, 192, 203)
lightpink#ffb6c1rgb(255, 182, 193)
hotpink#ff69b4rgb(255, 105, 180)
deeppink#ff1493rgb(255, 20, 147)
palevioletred#db7093rgb(219, 112, 147)
mediumvioletred#c71585rgb(199, 21, 133)

Red CSS Color Names (9)

Color NameHexadecimal NumberRGBSample Color
lightsalmon#ffa07argb(255, 160, 122)
salmon#fa8072rgb(250, 128, 114)
darksalmon#e9967argb(233, 150, 122)
lightcoral#f08080rgb(240, 128, 128)
indianred#cd5c5crgb(205, 92, 92)
crimson#dc143crgb(220, 20, 60)
firebrick#b22222rgb(178, 34, 34)
darkred#8b0000rgb(139, 0, 0)
red#ff0000rgb(255, 0, 0)

Orange CSS Color Names (5)

Color NameHexadecimal NumberRGBSample Color
orangered#ff4500rgb(255, 69, 0)
tomato#ff6347rgb(255, 99, 71)
coral#ff7f50rgb(255, 127, 80)
darkorange#ff8c00rgb(255, 140 ,0)
orange#ffa500rgb(255, 165, 0)

Yellow CSS Color Names (11)

Color NameHexadecimal NumberRGBSample Color
yellow#ffff00rgb(255, 255, 0)
lightyellow#ffffe0rgb(255, 255, 224)
lemonchiffon#fffacdrgb(255, 250, 205)
lightgoldenrodyellow#fafad2rgb(250, 250, 210)
papayawhip#ffefd5rgb(255, 239, 213)
moccasin#ffe4b5rgb(255, 228, 181)
peachpuff#ffdab9rgb(255, 218, 185)
palegoldenrod#eee8aargb(238, 232, 170)
khaki#f0e68crgb(240, 230, 140)
darkkhaki#bdb76brgb(189, 183, 107)
gold#ffd700rgb(255, 215, 0)

Brown CSS Color Names (17)

Color NameHexadecimal NumberRGBSample Color
cornsilk#fff8dcrgb(255, 248, 220)
blanchedalmond#ffebcdrgb(255, 235, 205)
bisque#ffe4c4rgb(255, 228, 196)
navajowhite#ffdeadrgb(255, 222, 173)
wheat#f5deb3rgb(245, 222, 179)
burlywood#deb887rgb(222, 184, 135)
tan#d2b48crgb(210, 180, 140)
rosybrown#bc8f8frgb(188, 143, 143)
sandybrown#f4a460rgb(244, 164, 96)
goldenrod#daa520rgb(218, 165, 32)
darkgoldenrod#b8860brgb(184, 134, 11)
peru#cd853frgb(205, 133, 63)
chocolate#d2691ergb(210, 105, 30)
saddlebrown#8b4513rgb(139, 69, 19)
sienna#a0522drgb(160, 82, 45)
brown#a52a2argb(165, 42, 42)
maroon#800000rgb(128, 0, 0)

Green CSS Color Names (20)

Color NameHexadecimal NumberRGBSample Color
darkolivegreen#556b2frgb(85, 107, 47)
olive#808000rgb(128, 128, 0)
olivedrab#6b8e23rgb(107, 142, 35)
yellowgreen##9acd32rgb(154, 205, 50)
limegreen#32cd32rgb(50, 205, 50)
lime#00ff00rgb(0, 255, 0)
lawngreen#7cfc00rgb(124, 252, 0)
chartreuse#7fff00rgb(127, 255, 0)
greenyellow#adff2frgb(173, 255, 47)
springgreen#00ff7frgb(0, 255, 127)
mediumspringgreen#00fa9argb(0, 250, 154)
lightgreen#90ee90rgb(144, 238, 144)
palegreen#98fb98rgb(152, 251, 152)
darkseagreen#8fbc8frgb(143, 188, 143)
mediumaquamarine#66cdaargb(102, 205, 170)
mediumseagreen#3cb371rgb(60, 179, 113)
seagreen#2e8b57rgb(46, 139, 87)
forestgreen#228b22rgb(34, 139, 34)
green#008000rgb(0, 128, 0)
darkgreen#006400rgb(0, 100, 0)

Cyan CSS Color Names (11)

Color NameHexadecimal NumberRGBSample Color
cyan
(aqua)
#00ffffrgb(0, 255, 255)
lightcyan#e0ffffrgb(224, 255, 255)
paleturquoise#afeeeergb(175, 238, 238)
aquamarine#7fffd4rgb(127, 255, 212)
turquoise#40e0d0rgb(64, 224, 208)
mediumturquoise#48d1ccrgb(72, 209, 204)
darkturquoise#00ced1rgb(0, 206, 209)
lightseagreen#20b2aargb(32, 178, 170)
cadetblue#5f9ea0rgb(95, 158, 160)
darkcyan#008b8brgb(0, 139, 139)
teal#008080rgb(0, 128, 128)

Blue CSS Color Names (15)

Color NameHexadecimal NumberRGBSample Color
lightsteelblue#b0c4dergb(176, 196, 222)
powderblue#b0e0e6rgb(176, 224, 230)
lightblue#add8e6rgb(173, 216, 230)
skyblue#87ceebrgb(135, 206, 235)
lightskyblue#87cefargb(135, 206, 250)
deepskyblue#00bfffrgb(0, 191, 255)
dodgerblue#1e90ffrgb(30, 144, 255)
cornflowerblue#6495edrgb(100, 149, 237)
steelblue#4682b4rgb(70, 130, 180)
royalblue#4169e1rgb(65, 105, 225)
blue#0000ffrgb(0, 0, 255)
mediumblue#0000cdrgb(0, 0, 205)
darkblue#00008brgb(0, 0, 139)
navy#000080rgb(0, 0, 128)
midnightblue#191970rgb(25, 25, 112)

Purple CSS Color Names (17)

Color NameHexadecimal NumberRGBSample Color
lavender#e6e6fargb(230, 230, 250)
thistle#d8bfd8rgb(216, 191, 216)
plum#dda0ddrgb(221, 160, 221)
violet#ee82eergb(238, 130, 238)
orchid#da70d6rgb(218, 112, 214)
fuchsia
(magenta)
#ff00ffrgb(255, 0, 255)
mediumorchid#ba55d3rgb(186, 85, 211)
mediumpurple#9370dbrgb(147, 112, 219)
blueviolet#8a2be2rgb(138, 43, 226)
darkviolet#9400d3rgb(148, 0, 211)
darkorchid#9932ccrgb(153, 50, 204)
darkmagenta#8b008brgb(139, 0, 139)
purple#800080rgb(128, 0, 128)
indigo#4b0082rgb(75, 0, 130)
darkslateblue#483d8brgb(72, 61, 139)
slateblue#6a5acdrgb(106, 90, 205)
mediumslateblue#7b68eergb(123, 104, 238)

White CSS Color Names (17)

Color NameHexadecimal NumberRGBSample Color
white#ffffffrgb(255, 255, 255)
snow#fffafargb(255, 250, 250)
honeydew#f0fff0rgb(240, 255, 240)
mintcream#f5fffargb(245, 255, 250)
azure#f0ffffrgb(240, 255, 255)
aliceblue#f0f8ffrgb(240, 248, 255)
ghostwhite#f8f8ffrgb(248, 248, 255)
whitesmoke#f5f5f5rgb(245, 245, 245)
seashell#fff5eergb(255, 245, 238)
beige#f5f5dcrgb(245, 245, 220)
oldlace#fdf5e6rgb(253, 245, 230)
floralwhite#fffaf0rgb(255, 250, 240)
ivory#fffff0rgb(255, 255, 240)
antiquewhite#faebd7rgb(250, 235, 215)
linen#faf0e6rgb(250, 240, 230)
lavenderblush#fff0f5rgb(255, 240, 245)
mistyrose#ffe4e1rgb(255, 228, 225)

Gray/Grey CSS Color Names (10)

Color NameHexadecimal NumberRGBSample Color
gainsboro#dcdcdcrgb(220, 220, 220)
lightgray
(lightgrey)
#d3d3d3rgb(211, 211, 211)
silver#c0c0c0rgb(192, 192, 192)
darkgray
(darkgrey)
#a9a9a9rgb(169, 169, 169)
gray
(grey)
#808080rgb(128, 128, 128)
dimgray
dimgrey
#696969rgb(105, 105, 105)
lightslategray
(lightslategrey)
#778899rgb(119, 136, 153)
slategray
(slategrey)
#708090rgb(112, 128, 144)
darkslategray
(darkslategrey)
#2f4f4frgb(47, 79, 79)
black#000000rgb(0, 0, 0)

This website uses cookies to give you the best experience on our website, to personalise content and to analyse our website traffic. Some cookies may have been set already. To find out more about our use of cookies you can visit our Privacy Statement. By browsing this website, you agree to our use of cookies.

Hide this message