Colour Corner

Here's a nice list of every named colour in CSS!

You can use the checkbox to learn more about the different groups of colours.

← Back to the Artists' Alcove homepage

Show Details

Introduced in CSS Level 1 [Source: Section 6.3]

1: black [#000000] [0-0-0]
2: silver [#c0c0c0] [192-192-192]
3: gray [#808080] [128-128-128]
4: white [#ffffff] [255-255-255]
5: maroon [#800000] [128-0-0]
6: red [#ff0000] [255-0-0]
7: purple [#800080] [128-0-128]
8: fuchsia [#ff00ff] [255-0-255]
9: green [#008000] [0-128-0]
10: lime [#00ff00] [0-255-0]
11: olive [#808000] [128-128-0]
12: yellow [#ffff00] [255-255-0]
13: navy [#000080] [0-0-128]
14: blue [#0000ff] [0-0-255]
15: teal [#008080] [0-128-128]
16: aqua [#00ffff] [0-255-255]

Introduced in CSS Level 2 [Source: Section 4.3.6]

17: orange [#ffa500] [255-165-0]

Introduced in CSS Level 3 [Source: Section 4.3]

18: aliceblue [#f0f8ff] [240-248-255]
19: antiquewhite [#faebd7] [250-235-215]
20: aquamarine [#7fffd4] [127-255-212]
21: azure [#f0ffff] [240-255-255]
22: beige [#f5f5dc] [245-245-220]
23: bisque [#ffe4c4] [255-228-196]
24: blanchedalmond [#ffebcd] [255-235-205]
25: blueviolet [#8a2be2] [138-43-226]
26: brown [#a52a2a] [165-42-42]
27: burlywood [#deb887] [222-184-135]
28: cadetblue [#5f9ea0] [95-158-160]
29: chartreuse [#7fff00] [127-255-0]
30: chocolate [#d2691e] [210-105-30]
31: coral [#ff7f50] [255-127-80]
32: cornflowerblue [#6495ed] [100-149-237]
33: cornsilk [#fff8dc] [255-248-220]
34: crimson [#dc143c] [220-20-60]
35: cyan [#00ffff] [0-255-255]
36: darkblue [#00008b] [0-0-139]
37: darkcyan [#008b8b] [0-139-139]
38: darkgoldenrod [#b8860b] [184-134-11]
39: darkgray [#a9a9a9] [169-169-169]
40: darkgreen [#006400] [0-100-0]
41: darkgrey [#a9a9a9] [169-169-169]
42: darkkhaki [#bdb76b] [189-183-107]
43: darkmagenta [#8b008b] [139-0-139]
44: darkolivegreen [#556b2f] [85-107-47]
45: darkorange [#ff8c00] [255-140-0]
46: darkorchid [#9932cc] [153-50-204]
47: darkred [#8b0000] [139-0-0]
48: darksalmon [#e9967a] [233-150-122]
49: darkseagreen [#8fbc8f] [143-188-143]
50: darkslateblue [#483d8b] [72-61-139]
51: darkslategray [#2f4f4f] [47-79-79]
52: darkslategrey [#2f4f4f] [47-79-79]
53: darkturquoise [#00ced1] [0-206-209]
54: darkviolet [#9400d3] [148-0-211]
55: deeppink [#ff1493] [255-20-147]
56: deepskyblue [#00bfff] [0-191-255]
57: dimgray [#696969] [105-105-105]
58: dimgrey [#696969] [105-105-105]
59: dodgerblue [#1e90ff] [30-144-255]
60: firebrick [#b22222] [178-34-34]
61: floralwhite [#fffaf0] [255-250-240]
62: forestgreen [#228b22] [34-139-34]
63: gainsboro [#dcdcdc] [220-220-220]
64: ghostwhite [#f8f8ff] [248-248-255]
65: gold [#ffd700] [255-215-0]
66: goldenrod [#daa520] [218-165-32]
67: greenyellow [#adff2f] [173-255-47]
68: grey [#808080] [128-128-128]
69: honeydew [#f0fff0] [240-255-240]
70: hotpink [#ff69b4] [255-105-180]
71: indianred [#cd5c5c] [205-92-92]
72: indigo [#4b0082] [75-0-130]
73: ivory [#fffff0] [255-255-240]
74: khaki [#f0e68c] [240-230-140]
75: lavender [#e6e6fa] [230-230-250]
76: lavenderblush [#fff0f5] [255-240-245]
77: lawngreen [#7cfc00] [124-252-0]
78: lemonchiffon [#fffacd] [255-250-205]
79: lightblue [#add8e6] [173-216-230]
80: lightcoral [#f08080] [240-128-128]
81: lightcyan [#e0ffff] [224-255-255]
82: lightgoldenrodyellow [#fafad2] [250-250-210]
83: lightgray [#d3d3d3] [211-211-211]
84: lightgreen [#90ee90] [144-238-144]
85: lightgrey [#d3d3d3] [211-211-211]
86: lightpink [#ffb6c1] [255-182-193]
87: lightsalmon [#ffa07a] [255-160-122]
88: lightseagreen [#20b2aa] [32-178-170]
89: lightskyblue [#87cefa] [135-206-250]
90: lightslategray [#778899] [119-136-153]
91: lightslategrey [#778899] [119-136-153]
92: lightsteelblue [#b0c4de] [176-196-222]
93: lightyellow [#ffffe0] [255-255-224]
94: limegreen [#32cd32] [50-205-50]
95: linen [#faf0e6] [250-240-230]
96: magenta [#ff00ff] [255-0-255]
97: mediumaquamarine [#66cdaa] [102-205-170]
98: mediumblue [#0000cd] [0-0-205]
99: mediumorchid [#ba55d3] [186-85-211]
100: mediumpurple [#9370db] [147-112-219]
101: mediumseagreen [#3cb371] [60-179-113]
102: mediumslateblue [#7b68ee] [123-104-238]
103: mediumspringgreen [#00fa9a] [0-250-154]
104: mediumturquoise [#48d1cc] [72-209-204]
105: mediumvioletred [#c71585] [199-21-133]
106: midnightblue [#191970] [25-25-112]
107: mintcream [#f5fffa] [245-255-250]
108: mistyrose [#ffe4e1] [255-228-225]
109: moccasin [#ffe4b5] [255-228-181]
110: navajowhite [#ffdead] [255-222-173]
111: oldlace [#fdf5e6] [253-245-230]
112: olivedrab [#6b8e23] [107-142-35]
113: orangered [#ff4500] [255-69-0]
114: orchid [#da70d6] [218-112-214]
115: palegoldenrod [#eee8aa] [238-232-170]
116: palegreen [#98fb98] [152-251-152]
117: paleturquoise [#afeeee] [175-238-238]
118: palevioletred [#db7093] [219-112-147]
119: papayawhip [#ffefd5] [255-239-213]
120: peachpuff [#ffdab9] [255-218-185]
121: peru [#cd853f] [205-133-63]
122: pink [#ffc0cb] [255-192-203]
123: plum [#dda0dd] [221-160-221]
124: powderblue [#b0e0e6] [176-224-230]
125: rosybrown [#bc8f8f] [188-143-143]
126: royalblue [#4169e1] [65-105-225]
127: saddlebrown [#8b4513] [139-69-19]
128: salmon [#fa8072] [250-128-114]
129: sandybrown [#f4a460] [244-164-96]
130: seagreen [#2e8b57] [46-139-87]
131: seashell [#fff5ee] [255-245-238]
132: sienna [#a0522d] [160-82-45]
133: skyblue [#87ceeb] [135-206-235]
134: slateblue [#6a5acd] [106-90-205]
135: slategray [#708090] [112-128-144]
136: slategrey [#708090] [112-128-144]
137: snow [#fffafa] [255-250-250]
138: springgreen [#00ff7f] [0-255-127]
139: steelblue [#4682b4] [70-130-180]
140: tan [#d2b48c] [210-180-140]
141: thistle [#d8bfd8] [216-191-216]
142: tomato [#ff6347] [255-99-71]
143: turquoise [#40e0d0] [64-224-208]
144: violet [#ee82ee] [238-130-238]
145: wheat [#f5deb3] [245-222-179]
146: whitesmoke [#f5f5f5] [245-245-245]
147: yellowgreen [#9acd32] [154-205-50]

Introduced in CSS Color Level 4 [Source: Section 6.1]

148: rebeccapurple [#663399] [102-51-153]