{"id":14842,"date":"2020-07-07T23:00:44","date_gmt":"2020-07-07T23:00:44","guid":{"rendered":"https:\/\/www.webmonkey.com\/?p=14842"},"modified":"2024-05-07T17:31:35","modified_gmt":"2024-05-07T17:31:35","slug":"color-codes","status":"publish","type":"post","link":"https:\/\/www.webmonkey.com\/color-codes\/","title":{"rendered":"HTML Color Codes – 2023 Browser Supported Hex Codes"},"content":{"rendered":"

Hex codes (also known as color codes) are one of the easiest ways to change the look of elements on your website including backgrounds, text, borders and more.<\/p>\n

There is common browser support for many CSS\/HTML color codes (listed below) such as text-color:RED. There are also hex code equivalents like text-color:#FF0000. It's also possible to enter an RGB version such as text-color:rgb(255, 0, 0).<\/p>\n

Using hex values seems to be the safest approach. It doesn't rely upon the long-term acceptance of color naming from browser developers and is much more widely used than RGB. We suggest you stick to hex codes for all future web design.<\/p>\n

Below you'll find the most recent list of commonly accepted color names with their hex and RGB values. If you're looking for variations of individual colors such as pastels, brand colors, or sports team colors click the “view all” link next to each section.<\/p>\n

Red Color Codes view all >><\/a><\/h2>\n

Red<\/span>#FF0000<\/span>rgb(255, 0, 0)<\/span><\/h3>\n

IndianRed<\/span>#CD5C5C<\/span>rgb(205, 92, 92)<\/span><\/h3>\n

LightCoral<\/span>#F08080<\/span>rgb(240, 128, 128)<\/span><\/h3>\n

Salmon<\/span>#FA8072<\/span>rgb(250, 128, 114)<\/span><\/h3>\n

DarkSalmon<\/span>#E9967A<\/span>rgb(233, 150, 122)<\/span><\/h3>\n

LightSalmon<\/span>#FFA07A<\/span>rgb(255, 160, 122)<\/span><\/h3>\n

Crimson<\/span>#DC143C<\/span>rgb(220, 20, 60)<\/span><\/h3>\n

FireBrick<\/span>#B22222<\/span>rgb(178, 34, 34)<\/span><\/h3>\n

DarkRed<\/span>#8B0000<\/span>rgb(139, 0, 0)<\/span><\/h3>\n

Maroon<\/span>#800000<\/span>rgb(128, 0, 0)<\/span><\/h3>\n

Pink Color Codes view all >><\/a><\/h2>\n

Pink<\/span>#FFC0CB<\/span>rgb(255, 192, 203)<\/span><\/h3>\n

LightPink<\/span>#FFB6C1<\/span>rgb(255, 182, 193)<\/span><\/h3>\n

HotPink<\/span>#FF69B4<\/span>rgb(255, 105, 180)<\/span><\/h3>\n

DeepPink<\/span>#FF1493<\/span>rgb(255, 20, 147)<\/span><\/h3>\n

MediumVioletRed<\/span>#C71585<\/span>rgb(199, 21, 133)<\/span><\/h3>\n

PaleVioletRed<\/span>#DB7093<\/span>rgb(219, 112, 147)<\/span><\/h3>\n

Orange Color Codes view all >><\/a><\/h2>\n

Orange<\/span>#FFA500<\/span>rgb(255, 165, 0)<\/span><\/h3>\n

LightSalmon<\/span>#FFA07A<\/span>rgb(255, 160, 122)<\/span><\/h3>\n

Coral<\/span>#FF7F50<\/span>rgb(255, 127, 80)<\/span><\/h3>\n

Tomato<\/span>#FF6347<\/span>rgb(255, 99, 71)<\/span><\/h3>\n

OrangeRed<\/span>#FF4500<\/span>rgb(255, 69, 0)<\/span><\/h3>\n

DarkOrange<\/span>#FF8C00<\/span>rgb(255, 140, 0)<\/span><\/h3>\n

Yellow Color Codes view all >><\/a><\/h2>\n

Yellow<\/span>#FFFF00<\/span>rgb(255, 255, 0)<\/span><\/h3>\n

Gold<\/span>#FFD700<\/span>rgb(255, 215, 0)<\/span><\/h3>\n

LightYellow<\/span>#FFFFE0<\/span>rgb(255, 255, 224)<\/span><\/h3>\n

LemonChiffon<\/span>#FFFACD<\/span>rgb(255, 250, 205)<\/span><\/h3>\n

LightGoldenrodYellow<\/span>#FAFAD2<\/span>rgb(250, 250, 210)<\/span><\/h3>\n

PapayaWhip<\/span>#FFEFD5<\/span>rgb(255, 239, 213)<\/span><\/h3>\n

Moccasin<\/span>#FFE4B5<\/span>rgb(255, 228, 181)<\/span><\/h3>\n

PeachPuff<\/span>#FFDAB9<\/span>rgb(255, 218, 185)<\/span><\/h3>\n

PaleGoldenrod<\/span>#EEE8AA<\/span>rgb(238, 232, 170)<\/span><\/h3>\n

Khaki<\/span>#F0E68C<\/span>rgb(240, 230, 140)<\/span><\/h3>\n

DarkKhaki<\/span>#BDB76B<\/span>rgb(189, 183, 107)<\/span><\/h3>\n

Green Color Codes view all >><\/a><\/h2>\n

Green<\/span>#008000<\/span>rgb(0, 128, 0)<\/span><\/h3>\n

GreenYellow<\/span>#ADFF2F<\/span>rgb(173, 255, 47)<\/span><\/h3>\n

Chartreuse<\/span>#7FFF00<\/span>rgb(127, 255, 0)<\/span><\/h3>\n

LawnGreen<\/span>#7CFC00<\/span>rgb(124, 252, 0)<\/span><\/h3>\n

Lime<\/span>#00FF00<\/span>rgb(0, 255, 0)<\/span><\/h3>\n

LimeGreen<\/span>#32CD32<\/span>rgb(50, 205, 50)<\/span><\/h3>\n

PaleGreen<\/span>#98FB98<\/span>rgb(152, 251, 152)<\/span><\/h3>\n

LightGreen<\/span>#90EE90<\/span>rgb(144, 238, 144)<\/span><\/h3>\n

MediumSpringGreen<\/span>#00FA9A<\/span>rgb(0, 250, 154)<\/span><\/h3>\n

SpringGreen<\/span>#00FF7F<\/span>rgb(0, 255, 127)<\/span><\/h3>\n

MediumSeaGreen<\/span>#3CB371<\/span>rgb(60, 179, 113)<\/span><\/h3>\n

SeaGreen<\/span>#2E8B57<\/span>rgb(46, 139, 87)<\/span><\/h3>\n

ForestGreen<\/span>#228B22<\/span>rgb(34, 139, 34)<\/span><\/h3>\n

DarkGreen<\/span>#006400<\/span>rgb(0, 100, 0)<\/span><\/h3>\n

YellowGreen<\/span>#9ACD32<\/span>rgb(154, 205, 50)<\/span><\/h3>\n

OliveDrab<\/span>#6B8E23<\/span>rgb(107, 142, 35)<\/span><\/h3>\n

Olive<\/span>#808000<\/span>rgb(128, 128, 0)<\/span><\/h3>\n

DarkOliveGreen<\/span>#556B2F<\/span>rgb(85, 107, 47)<\/span><\/h3>\n

MediumAquamarine<\/span>#66CDAA<\/span>rgb(102, 205, 170)<\/span><\/h3>\n

DarkSeaGreen<\/span>#8FBC8B<\/span>rgb(143, 188, 139)<\/span><\/h3>\n

LightSeaGreen<\/span>#20B2AA<\/span>rgb(32, 178, 170)<\/span><\/h3>\n

DarkCyan<\/span>#008B8B<\/span>rgb(0, 139, 139)<\/span><\/h3>\n

Teal<\/span>#008080<\/span>rgb(0, 128, 128)<\/span><\/h3>\n

Blue Color Codes view all >><\/a><\/h2>\n

Blue<\/span>#0000FF<\/span>rgb(0, 0, 255)<\/span><\/h3>\n

Aqua<\/span>#00FFFF<\/span>rgb(0, 255, 255)<\/span><\/h3>\n

Cyan<\/span>#00FFFF<\/span>rgb(0, 255, 255)<\/span><\/h3>\n

LightCyan<\/span>#E0FFFF<\/span>rgb(224, 255, 255)<\/span><\/h3>\n

PaleTurquoise<\/span>#AFEEEE<\/span>rgb(175, 238, 238)<\/span><\/h3>\n

Aquamarine<\/span>#7FFFD4<\/span>rgb(127, 255, 212)<\/span><\/h3>\n

Turquoise<\/span>#40E0D0<\/span>rgb(64, 224, 208)<\/span><\/h3>\n

MediumTurquoise<\/span>#48D1CC<\/span>rgb(72, 209, 204)<\/span><\/h3>\n

DarkTurquoise<\/span>#00CED1<\/span>rgb(0, 206, 209)<\/span><\/h3>\n

CadetBlue<\/span>#5F9EA0<\/span>rgb(95, 158, 160)<\/span><\/h3>\n

SteelBlue<\/span>#4682B4<\/span>rgb(70, 130, 180)<\/span><\/h3>\n

LightSteelBlue<\/span>#B0C4DE<\/span>rgb(176, 196, 222)<\/span><\/h3>\n

PowderBlue<\/span>#B0E0E6<\/span>rgb(176, 224, 230)<\/span><\/h3>\n

LightBlue<\/span>#ADD8E6<\/span>rgb(173, 216, 230)<\/span><\/h3>\n

SkyBlue<\/span>#87CEEB<\/span>rgb(135, 206, 235)<\/span><\/h3>\n

LightSkyBlue<\/span>#87CEFA<\/span>rgb(135, 206, 250)<\/span><\/h3>\n

DeepSkyBlue<\/span>#00BFFF<\/span>rgb(0, 191, 255)<\/span><\/h3>\n

DodgerBlue<\/span>#1E90FF<\/span>rgb(30, 144, 255)<\/span><\/h3>\n

CornflowerBlue<\/span>#6495ED<\/span>rgb(100, 149, 237)<\/span><\/h3>\n

MediumSlateBlue<\/span>#7B68EE<\/span>rgb(123, 104, 238)<\/span><\/h3>\n

RoyalBlue<\/span>#4169E1<\/span>rgb(65, 105, 225)<\/span><\/h3>\n

MediumBlue<\/span>#0000CD<\/span>rgb(0, 0, 205)<\/span><\/h3>\n

DarkBlue<\/span>#00008B<\/span>rgb(0, 0, 139)<\/span><\/h3>\n

Navy<\/span>#000080<\/span>rgb(0, 0, 128)<\/span><\/h3>\n

MidnightBlue<\/span>#191970<\/span>rgb(25, 25, 112)<\/span><\/h3>\n

Purple Color Codes view all >><\/a><\/h2>\n

Purple<\/span>#800080<\/span>rgb(128, 0, 128)<\/span><\/h3>\n

Lavender<\/span>#E6E6FA<\/span>rgb(230, 230, 250)<\/span><\/h3>\n

Thistle<\/span>#D8BFD8<\/span>rgb(216, 191, 216)<\/span><\/h3>\n

Plum<\/span>#DDA0DD<\/span>rgb(221, 160, 221)<\/span><\/h3>\n

Violet<\/span>#EE82EE<\/span>rgb(238, 130, 238)<\/span><\/h3>\n

Orchid<\/span>#DA70D6<\/span>rgb(218, 112, 214)<\/span><\/h3>\n

Fuchsia<\/span>#FF00FF<\/span>rgb(255, 0, 255)<\/span><\/h3>\n

Magenta<\/span>#FF00FF<\/span>rgb(255, 0, 255)<\/span><\/h3>\n

MediumOrchid<\/span>#BA55D3<\/span>rgb(186, 85, 211)<\/span><\/h3>\n

MediumPurple<\/span>#9370DB<\/span>rgb(147, 112, 219)<\/span><\/h3>\n

RebeccaPurple<\/span>#663399<\/span>rgb(102, 51, 153)<\/span><\/h3>\n

BlueViolet<\/span>#8A2BE2<\/span>rgb(138, 43, 226)<\/span><\/h3>\n

DarkViolet<\/span>#9400D3<\/span>rgb(148, 0, 211)<\/span><\/h3>\n

DarkOrchid<\/span>#9932CC<\/span>rgb(153, 50, 204)<\/span><\/h3>\n

DarkMagenta<\/span>#8B008B<\/span>rgb(139, 0, 139)<\/span><\/h3>\n

Indigo<\/span>#4B0082<\/span>rgb(75, 0, 130)<\/span><\/h3>\n

SlateBlue<\/span>#6A5ACD<\/span>rgb(106, 90, 205)<\/span><\/h3>\n

DarkSlateBlue<\/span>#483D8B<\/span>rgb(72, 61, 139)<\/span><\/h3>\n

MediumSlateBlue<\/span>#7B68EE<\/span>rgb(123, 104, 238)<\/span><\/h3>\n

Brown Color Codes view all >><\/a><\/h2>\n

Brown<\/span>#A52A2A<\/span>rgb(165, 42, 42)<\/span><\/h3>\n

Cornsilk<\/span>#FFF8DC<\/span>rgb(255, 248, 220)<\/span><\/h3>\n

BlanchedAlmond<\/span>#FFEBCD<\/span>rgb(255, 235, 205)<\/span><\/h3>\n

Bisque<\/span>#FFE4C4<\/span>rgb(255, 228, 196)<\/span><\/h3>\n

NavajoWhite<\/span>#FFDEAD<\/span>rgb(255, 222, 173)<\/span><\/h3>\n

Wheat<\/span>#F5DEB3<\/span>rgb(245, 222, 179)<\/span><\/h3>\n

BurlyWood<\/span>#DEB887<\/span>rgb(222, 184, 135)<\/span><\/h3>\n

Tan<\/span>#D2B48C<\/span>rgb(210, 180, 140)<\/span><\/h3>\n

RosyBrown<\/span>#BC8F8F<\/span>rgb(188, 143, 143)<\/span><\/h3>\n

SandyBrown<\/span>#F4A460<\/span>rgb(244, 164, 96)<\/span><\/h3>\n

Goldenrod<\/span>#DAA520<\/span>rgb(218, 165, 32)<\/span><\/h3>\n

DarkGoldenrod<\/span>#B8860B<\/span>rgb(184, 134, 11)<\/span><\/h3>\n

Peru<\/span>#CD853F<\/span>rgb(205, 133, 63)<\/span><\/h3>\n

Chocolate<\/span>#D2691E<\/span>rgb(210, 105, 30)<\/span><\/h3>\n

SaddleBrown<\/span>#8B4513<\/span>rgb(139, 69, 19)<\/span><\/h3>\n

Sienna<\/span>#A0522D<\/span>rgb(160, 82, 45)<\/span><\/h3>\n

Gray Color Codes view all >><\/a><\/h2>\n

Gray<\/span>#808080<\/span>rgb(128, 128, 128)<\/span><\/h3>\n

Black<\/span>#000000<\/span>rgb(0, 0, 0)<\/span><\/h3>\n

Gainsboro<\/span>#DCDCDC<\/span>rgb(220, 220, 220)<\/span><\/h3>\n

LightGray<\/span>#D3D3D3<\/span>rgb(211, 211, 211)<\/span><\/h3>\n

Silver<\/span>#C0C0C0<\/span>rgb(192, 192, 192)<\/span><\/h3>\n

DarkGray<\/span>#A9A9A9<\/span>rgb(169, 169, 169)<\/span><\/h3>\n

DimGray<\/span>#696969<\/span>rgb(105, 105, 105)<\/span><\/h3>\n

LightSlateGray<\/span>#778899<\/span>rgb(119, 136, 153)<\/span><\/h3>\n

SlateGray<\/span>#708090<\/span>rgb(112, 128, 144)<\/span><\/h3>\n

DarkSlateGray<\/span>#2F4F4F<\/span>rgb(47, 79, 79)<\/span><\/h3>\n

White Color Codes<\/h2>\n

White<\/span>#FFFFFF<\/span>rgb(255, 255, 255)<\/span><\/h3>\n

Snow<\/span>#FFFAFA<\/span>rgb(255, 250, 250)<\/span><\/h3>\n

HoneyDew<\/span>#F0FFF0<\/span>rgb(240, 255, 240)<\/span><\/h3>\n

MintCream<\/span>#F5FFFA<\/span>rgb(245, 255, 250)<\/span><\/h3>\n

Azure<\/span>#F0FFFF<\/span>rgb(240, 255, 255)<\/span><\/h3>\n

AliceBlue<\/span>#F0F8FF<\/span>rgb(240, 248, 255)<\/span><\/h3>\n

GhostWhite<\/span>#F8F8FF<\/span>rgb(248, 248, 255)<\/span><\/h3>\n

WhiteSmoke<\/span>#F5F5F5<\/span>rgb(245, 245, 245)<\/span><\/h3>\n

SeaShell<\/span>#FFF5EE<\/span>rgb(255, 245, 238)<\/span><\/h3>\n

Beige<\/span>#F5F5DC<\/span>rgb(245, 245, 220)<\/span><\/h3>\n

OldLace<\/span>#FDF5E6<\/span>rgb(253, 245, 230)<\/span><\/h3>\n

FloralWhite<\/span>#FFFAF0<\/span>rgb(255, 250, 240)<\/span><\/h3>\n

Ivory<\/span>#FFFFF0<\/span>rgb(255, 255, 240)<\/span><\/h3>\n

AntiqueWhite<\/span>#FAEBD7<\/span>rgb(250, 235, 215)<\/span><\/h3>\n

Linen<\/span>#FAF0E6<\/span>rgb(250, 240, 230)<\/span><\/h3>\n

LavenderBlush<\/span>#FFF0F5<\/span>rgb(255, 240, 245)<\/span><\/h3>\n

MistyRose<\/span>#FFE4E1<\/span>rgb(255, 228, 225)<\/span><\/h3>\n","protected":false},"excerpt":{"rendered":"

Hex codes (also known as color codes) are one of the easiest ways to change the look of elements on your website including backgrounds, text, borders and more. There is common browser support for many CSS\/HTML color codes (listed below) such as text-color:RED. There are also hex code equivalents like text-color:#FF0000. It’s also possible to…<\/p>\n","protected":false},"author":13,"featured_media":15548,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[79,95,78],"tags":[],"class_list":["post-14842","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-skills","category-featured","category-design"],"acf":[],"taxonomy_info":{"category":[{"value":79,"label":"Skills"},{"value":95,"label":"Featured"},{"value":78,"label":"Web Design"}]},"featured_image_src_large":["https:\/\/www.webmonkey.com\/wp-content\/uploads\/2020\/07\/color-codes-1024x463.webp",1024,463,true],"author_info":{"display_name":"Tim Seidler","author_link":"https:\/\/www.webmonkey.com\/author\/timseidler\/"},"comment_info":0,"category_info":[{"term_id":79,"name":"Skills","slug":"skills","term_group":0,"term_taxonomy_id":79,"taxonomy":"category","description":"","parent":0,"count":1,"filter":"raw","cat_ID":79,"category_count":1,"category_description":"","cat_name":"Skills","category_nicename":"skills","category_parent":0},{"term_id":95,"name":"Featured","slug":"featured","term_group":0,"term_taxonomy_id":95,"taxonomy":"category","description":"","parent":0,"count":8,"filter":"raw","cat_ID":95,"category_count":8,"category_description":"","cat_name":"Featured","category_nicename":"featured","category_parent":0},{"term_id":78,"name":"Web Design","slug":"design","term_group":0,"term_taxonomy_id":78,"taxonomy":"category","description":"","parent":79,"count":10,"filter":"raw","cat_ID":78,"category_count":10,"category_description":"","cat_name":"Web Design","category_nicename":"design","category_parent":79}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/posts\/14842"}],"collection":[{"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/comments?post=14842"}],"version-history":[{"count":0,"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/posts\/14842\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/media\/15548"}],"wp:attachment":[{"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/media?parent=14842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/categories?post=14842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webmonkey.com\/wp-json\/wp\/v2\/tags?post=14842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}