This post contains all the HTML color names (148), their HEX code, and RGB & CMYK values. I was inspired by w3schools but there were two things that were missing such as RGB & CMYK colors. So I thought it would be niche if I could add some extra value to those colors list.
Also, I will give the exact HTML color name that you can use on your HTML & CSS file. See the following HTML & CSS code as an example & to learn how to use the color names on your HTML & CSS:
h1 {
color: aliceblue;
}<p style="color: aliceblue;">Example paragraph</p>148 HTML color name, HEX, RGB & CMYK values
| Color | Color name | HEX code | RGB | CMYK |
|---|---|---|---|---|
| 001 | aliceblue | #F0F8FF | rgb(240, 248, 255) | cmyk(6,3,0,0) |
| 002 | antiquewhite | #FAEBD7 | rgb(250, 235, 215) | cmyk(0,6,14,2) |
| 003 | aqua | #00FFFF | rgb(0, 255, 255) | cmyk(100,0,0,0) |
| 004 | aquamarine | #7FFFD4 | rgb(127, 255, 212) | cmyk(50,0,17,0) |
| 005 | azure | #F0FFFF | rgb(240, 255, 255) | cmyk(6,0,0,0) |
| 006 | beige | #F5F5DC | rgb(245, 245, 220) | cmyk(0,0,10,4) |
| 007 | bisque | #FFE4C4 | rgb(255, 228, 196) | cmyk(0,11,23,0) |
| 008 | black | #000000 | rgb(0, 0, 0) | cmyk(0,0,0,100) |
| 009 | blanchedalmond | #FFEBCD | rgb(255, 235, 205) | cmyk(0,8,20,0) |
| 010 | blue | #0000FF | rgb(0, 0, 255) | cmyk(100,100,0,0) |
| 011 | blueviolet | #8A2BE2 | rgb(138, 43, 226) | cmyk(39,81,0,11) |
| 012 | brown | #A52A2A | rgb(165, 42, 42) | cmyk(0,75,75,35) |
| 013 | burlywood | #DEB887 | rgb(222, 184, 135) | cmyk(0,17,39,13) |
| 014 | cadetblue | #5F9EA0 | rgb(95,158,160) | cmyk(41,1,0,37) |
| 015 | chartreuse | #7FFF00 | rgb(127,255,0) | cmyk(50,0,100,0) |
| 016 | chocolate | #D2691E | rgb(210,105,30) | cmyk(0,50,86,18) |
| 017 | coral | #FF7F50 | rgb(255,127,80) | cmyk(0,50,69,0) |
| 018 | cornflowerblue | #6495ED | rgb(100,149,237) | cmyk(58,37,0,7) |
| 019 | cornsilk | #FFF8DC | rgb(255,248,220) | cmyk(0,3,14,0) |
| 020 | crimson | #DC143C | rgb(220,20,60) | cmyk(0,91,73,14) |
| 021 | cyan | #00FFFF | rgb(0,255,255) | cmyk(100,0,0,0) |
| 022 | darkblue | #00008B | rgb(0,0,139) | cmyk(100,100,0,45) |
| 023 | darkcyan | #008B8B | rgb(0,139,139) | cmyk(100,0,0,45) |
| 024 | darkgoldenrod | #B8860B | rgb(184,134,11) | cmyk(0,27,94,28) |
| 025 | darkgray | #A9A9A9 | rgb(169,169,169) | cmyk(0,0,0,34) |
| 026 | darkgrey | #A9A9A9 | rgb(169,169,169) | cmyk(0,0,0,34) |
| 027 | darkgreen | #006400 | rgb(0,100,0) | cmyk(100,0,100,61) |
| 028 | darkkhaki | #BDB76B | rgb(189,183,107) | cmyk(0,3,43,26) |
| 029 | darkmagenta | #8B008B | rgb(139,0,139) | cmyk(0,100,0,45) |
| 030 | darkolivegreen | #556B2F | rgb(85,107,47) | cmyk(21,0,56,58) |
| 031 | darkorange | #FF8C00 | rgb(255,140,0) | cmyk(0,45,100,0) |
| 032 | darkorchid | #9932CC | rgb(153,50,204) | cmyk(25,75,0,20) |
| 033 | darkred | #8B0000 | rgb(139,0,0) | cmyk(0,100,100,45) |
| 034 | darksalmon | #E9967A | rgb(233,150,122) | cmyk(0,36,48,9) |
| 035 | darkseagreen | #8FBC8F | rgb(143,188,143) | cmyk(24,0,24,26) |
| 036 | darkslateblue | #483D8B | rgb(72,61,139) | cmyk(48,56,0,45) |
| 037 | darkslategray | #2F4F4F | rgb(47,79,79) | cmyk(41,0,0,69) |
| 038 | darkslategrey | #2F4F4F | rgb(47,79,79) | cmyk(41,0,0,69) |
| 039 | darkturquoise | #00CED1 | rgb(0,206,209) | cmyk(100,1,0,18) |
| 040 | darkviolet | #9400D3 | rgb(148,0,211) | cmyk(30,100,0,17) |
| 041 | deeppink | #FF1493 | rgb(255,20,147) | cmyk(0,92,42,0) |
| 042 | deepskyblue | #00BFFF | rgb(0,191,255) | cmyk(100,25,0,0) |
| 043 | dimgray | #696969 | rgb(105,105,105) | cmyk(0,0,0,59) |
| 044 | dimgrey | #696969 | rgb(105,105,105) | cmyk(0,0,0,59) |
| 045 | dodgerblue | #1E90FF | rgb(30,144,255) | cmyk(88,44,0,0) |
| 046 | firebrick | #B22222 | rgb(178,34,34) | cmyk(0,81,81,30) |
| 047 | floralwhite | #FFFAF0 | rgb(255,250,240) | cmyk(0,2,6,0) |
| 048 | forestgreen | #228B22 | rgb(34,139,34) | cmyk(76,0,76,45) |
| 049 | fuchsia | #FF00FF | rgb(255,0,255) | cmyk(0,100,0,0) |
| 050 | gainsboro | #DCDCDC | rgb(220,220,220) | cmyk(0,0,0,14) |
| 051 | ghostwhite | #F8F8FF | rgb(248,248,255) | cmyk(3,3,0,0) |
| 052 | gold | #FFD700 | rgb(255,215,0) | cmyk(0,16,100,0) |
| 053 | goldenrod | #DAA520 | rgb(218,165,32) | cmyk(0,24,85,15) |
| 054 | gray | #808080 | rgb(128,128,128) | cmyk(0,0,0,50) |
| 055 | grey | #808080 | rgb(128,128,128) | cmyk(0,0,0,50) |
| 056 | green | #008000 | rgb(0,128,0) | cmyk(100,0,100,50) |
| 057 | greenyellow | #ADFF2F | rgb(173,255,47) | cmyk(32,0,82,0) |
| 058 | honeydew | #F0FFF0 | rgb(240,255,240) | cmyk(6,0,6,0) |
| 059 | hotpink | #FF69B4 | rgb(255,105,180) | cmyk(0,59,29,0) |
| 060 | indianred | #CD5C5C | rgb(205,92,92) | cmyk(0,55,55,20) |
| 061 | indigo | #4B0082 | rgb(75,0,130) | cmyk(42,100,0,49) |
| 062 | ivory | #FFFFF0 | rgb(255,255,240) | cmyk(0,0,6,0) |
| 063 | khaki | #F0E68C | rgb(240,230,140) | cmyk(0,4,42,6) |
| 064 | lavender | #E6E6FA | rgb(230,230,250) | cmyk(8,8,0,2) |
| 065 | lavenderblush | #FFF0F5 | rgb(255,240,245) | cmyk(0,6,4,0) |
| 066 | lawngreen | #7CFC00 | rgb(124,252,0) | cmyk(51,0,100,1) |
| 067 | lemonchiffon | #FFFACD | rgb(255,250,205) | cmyk(0,2,20,0) |
| 068 | lightblue | #ADD8E6 | rgb(173,216,230) | cmyk(25,6,0,10) |
| 069 | lightcoral | #F08080 | rgb(240,128,128) | cmyk(0,47,47,6) |
| 070 | lightcyan | #E0FFFF | rgb(224,255,255) | cmyk(12,0,0,0) |
| 071 | lightgoldenrodyellow | #FAFAD2 | rgb(250,250,210) | cmyk(0,0,16,2) |
| 072 | lightgray | #D3D3D3 | rgb(211,211,211) | cmyk(0,0,0,17) |
| 073 | lightgrey | #D3D3D3 | rgb(211,211,211) | cmyk(0,0,0,17) |
| 074 | lightgreen | #90EE90 | rgb(144,238,144) | cmyk(39,0,39,7) |
| 075 | lightpink | #FFB6C1 | rgb(255,182,193) | cmyk(0,29,24,0) |
| 076 | lightsalmon | #FFA07A | rgb(255,160,122) | cmyk(0,37,52,0) |
| 077 | lightseagreen | #20B2AA | rgb(32,178,170) | cmyk(82,0,4,30) |
| 078 | lightskyblue | #87CEFA | rgb(135,206,250) | cmyk(46,18,0,2) |
| 079 | lightslategray | #778899 | rgb(119,136,153) | cmyk(22,11,0,40) |
| 080 | lightslategrey | #778899 | rgb(119,136,153) | cmyk(22,11,0,40) |
| 081 | lightsteelblue | #B0C4DE | rgb(176,196,222) | cmyk(21,12,0,13) |
| 082 | lightyellow | #FFFFE0 | rgb(255,255,224) | cmyk(0,0,12,0) |
| 083 | lime | #00FF00 | rgb(0,255,0) | cmyk(100,0,100,0) |
| 084 | limegreen | #32CD32 | rgb(50,205,50) | cmyk(76,0,76,20) |
| 085 | linen | #FAF0E6 | rgb(250,240,230) | cmyk(0,4,8,2) |
| 086 | magenta | #FF00FF | rgb(255,0,255) | cmyk(0,100,0,0) |
| 087 | maroon | #800000 | rgb(128,0,0) | cmyk(0,100,100,50) |
| 088 | mediumaquamarine | #66CDAA | rgb(102,205,170) | cmyk(50,0,17,20) |
| 089 | mediumblue | #0000CD | rgb(0,0,205) | cmyk(100,100,0,20) |
| 090 | mediumorchid | #BA55D3 | rgb(186,85,211) | cmyk(12,60,0,17) |
| 091 | mediumpurple | #9370DB | rgb(147,112,219) | cmyk(33,49,0,14) |
| 092 | mediumseagreen | #3CB371 | rgb(60,179,113) | cmyk(66,0,37,30) |
| 093 | mediumslateblue | #7B68EE | rgb(123,104,238) | cmyk(48,56,0,7) |
| 094 | mediumspringgreen | #00FA9A | rgb(0,250,154) | cmyk(100,0,38,2) |
| 095 | mediumturquoise | #48D1CC | rgb(72,209,204) | cmyk(66,0,2,18) |
| 096 | mediumvioletred | #C71585 | rgb(199,21,133) | cmyk(0,89,33,22) |
| 097 | midnightblue | #191970 | rgb(25,25,112) | cmyk(78,78,0,56) |
| 098 | mintcream | #F5FFFA | rgb(245,255,250) | cmyk(4,0,2,0) |
| 099 | mistyrose | #FFE4E1 | rgb(255,228,225) | cmyk(0,11,12,0) |
| 100 | moccasin | #FFE4B5 | rgb(255,228,181) | cmyk(0,11,29,0) |
| 101 | navajowhite | #FFDEAD | rgb(255,222,173) | cmyk(0,13,32,0) |
| 102 | navy | #000080 | rgb(0,0,128) | cmyk(100,100,0,50) |
| 103 | oldlace | #FDF5E6 | rgb(253,245,230) | cmyk(0,3,9,1) |
| 104 | olive | #808000 | rgb(128,128,0) | cmyk(0,0,100,50) |
| 105 | olivedrab | #6B8E23 | rgb(107,142,35) | cmyk(25,0,75,44) |
| 106 | orange | #FFA500 | rgb(255,165,0) | cmyk(0,35,100,0) |
| 107 | orangered | #FF4500 | rgb(255,69,0) | cmyk(0,73,100,0) |
| 108 | orchid | #DA70D6 | rgb(218,112,214) | cmyk(0,49,2,15) |
| 109 | palegoldenrod | #EEE8AA | rgb(238,232,170) | cmyk(0,3,29,7) |
| 110 | palegreen | #98FB98 | rgb(152,251,152) | cmyk(39,0,39,2) |
| 111 | paleturquoise | #AFEEEE | rgb(175,238,238) | cmyk(26,0,0,7) |
| 112 | palevioletred | #DB7093 | rgb(219,112,147) | cmyk(0,49,33,14) |
| 113 | papayawhip | #FFEFD5 | rgb(255,239,213) | cmyk(0,6,16,0) |
| 114 | peachpuff | #FFDAB9 | rgb(255,218,185) | cmyk(0,15,27,0) |
| 115 | peru | #CD853F | rgb(205,133,63) | cmyk(0,35,69,20) |
| 116 | pink | #FFC0CB | rgb(255,192,203) | cmyk(0,25,20,0) |
| 117 | plum | #DDA0DD | rgb(221,160,221) | cmyk(0,28,0,13) |
| 118 | powderblue | #B0E0E6 | rgb(176,224,230) | cmyk(23,3,0,10) |
| 119 | purple | #800080 | rgb(128,0,128) | cmyk(0,100,0,50) |
| 120 | rebeccapurple | #663399 | rgb(102,51,153) | cmyk(33,67,0,40) |
| 121 | red | #FF0000 | rgb(255,0,0) | cmyk(0,100,100,0) |
| 122 | rosybrown | #BC8F8F | rgb(188,143,143) | cmyk(0,24,24,26) |
| 123 | royalblue | #4169E1 | rgb(65,105,225) | cmyk(71,53,0,12) |
| 124 | saddlebrown | #8B4513 | rgb(139,69,19) | cmyk(0,50,86,45) |
| 125 | salmon | #FA8072 | rgb(250,128,114) | cmyk(0,49,54,2) |
| 126 | sandybrown | #F4A460 | rgb(244,164,96) | cmyk(0,33,61,4) |
| 127 | seagreen | #2E8B57 | rgb(46,139,87) | cmyk(67,0,37,45) |
| 128 | seashell | #FFF5EE | rgb(255,245,238) | cmyk(0,4,7,0) |
| 129 | sienna | #A0522D | rgb(160,82,45) | cmyk(0,49,72,37) |
| 130 | silver | #C0C0C0 | rgb(192,192,192) | cmyk(0,0,0,25) |
| 131 | skyblue | #87CEEB | rgb(135,206,235) | cmyk(43,12,0,8) |
| 132 | slateblue | #6A5ACD | rgb(106,90,205) | cmyk(48,56,0,20) |
| 133 | slategray | #708090 | rgb(112,128,144) | cmyk(22,11,0,44) |
| 134 | slategrey | #708090 | rgb(112,128,144) | cmyk(22,11,0,44) |
| 135 | snow | #FFFAFA | rgb(255,250,250) | cmyk(0,2,2,0) |
| 136 | springgreen | #00FF7F | rgb(0,255,127) | cmyk(100,0,50,0) |
| 137 | steelblue | #4682B4 | rgb(70,130,180) | cmyk(61,28,0,29) |
| 138 | tan | #D2B48C | rgb(210,180,140) | cmyk(0,14,33,18) |
| 139 | teal | #008080 | rgb(0,128,128) | cmyk(100,0,0,50) |
| 140 | thistle | #D8BFD8 | rgb(216,191,216) | cmyk(0,12,0,15) |
| 141 | tomato | #FF6347 | rgb(255,99,71) | cmyk(0,61,72,0) |
| 142 | turquoise | #40E0D0 | rgb(64,224,208) | cmyk(71,0,7,12) |
| 143 | violet | #EE82EE | rgb(238,130,238) | cmyk(0,45,0,7) |
| 144 | wheat | #F5DEB3 | rgb(245,222,179) | cmyk(0,9,27,4) |
| 145 | white | #FFFFFF | rgb(255,255,255) | cmyk(0,0,0,0) |
| 146 | whitesmoke | #F5F5F5 | rgb(245,245,245) | cmyk(0,0,0,4) |
| 147 | yellow | #FFFF00 | rgb(255,255,0) | cmyk(0,0,100,0) |
| 148 | yellowgreen | #9ACD32 | rgb(154,205,50) | cmyk(25,0,76,20) |
Related: See how to create multiple-color text in HTML CSS.
You may also like the color code values of popular logos.
| Learn & practice CSS with real-world examples |
|---|
| Learn basic CSS from the ground up. |
| Build real projects in HTML CSS. |
Build HTML CSS projects
Conclusion
Aside from the hex code, RGB & CMYK, you can also use the color names directly in your CSS file. For example, color: turquoise. Sometimes you may need an HTML color code in different formats and depending on your unique cases.
To use a semitransparent color, you have to use it in RGBA format. For example, if you want a semitransparent yellow color, you can use it like this rgba(255,255,0, 0.5) and you can customize the transparency using the last value. For example, I used 50% transparency in this example but if you need 80% transparency then it will be like this rgb(255,255,0, 0.8). You got the idea.
RBG stands for “Red Green Blue” and RGBA stands for “Red Green Blue Alpha.” Here alpha is the transparency. The highest alpha value is 1 and you can use any lower decimal alpha.
Overall, the extensive list of HTML color codes that I listed in this article makes it easy for web designers and developers to choose the perfect color scheme for their projects. Understanding these 148 HTML color codes, including their corresponding hex, rgb, and CMYK values, is essential for anyone looking to add visual appeal to their website or digital content.
