
{"id":14305,"date":"2024-10-03T19:31:26","date_gmt":"2024-10-03T19:31:26","guid":{"rendered":"https:\/\/www.andacademy.com\/resources\/?post_type=glossary&#038;p=14305"},"modified":"2025-06-25T05:29:40","modified_gmt":"2025-06-25T05:29:40","slug":"hex-code","status":"publish","type":"glossary","link":"https:\/\/www.andacademy.com\/resources\/glossary\/graphic-design\/hex-code\/","title":{"rendered":"Hex Code"},"content":{"rendered":"<p>A hex code is a format used to identify colors. It is a hexadecimal system that consists of six-digit alpha-numerical codes to represent specific colors. Each color has its own unique hex code. It is used by designers and developers for various purposes while developing technical and marketing collaterals such as webpages, <a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/what-is-logo-design\/\" target=\"_blank\" rel=\"noopener\">logos<\/a>, social media posts, and user interface elements. It is used in HTML, SVG, and CSS codes.<\/p>\n<p>Hex Codes are an essential part of designing and branding exercises. They are crucial as they denote specific colors that can have a huge impact on the design identity of a business. All major corporations keep track of the hex codes they are using to ensure consistent branding design and messaging.<\/p>\n<div>\n<h3><u>Not to be confused with<\/u><\/h3>\n<div class=\"card-box\">\n             <a href=\"https:\/\/www.andacademy.com\/resources\/glossary\/ui-ux-design\/html-code-in-design\/\" style=\"text-decoration:none;\" target=\"_blank\" rel=\"noopener\"> <\/p>\n<div class=\"glo-box hovercard\">\n<p><strong>HTML Code<\/strong><\/p>\n<p>\nHyper Text Markup Language is used to reference the text on the user\u2019s screen and make it accessible. Hex Code is a type of HTML Code.<\/p>\n<\/p><\/div>\n<p>     <\/a>\n            <\/div>\n<\/p><\/div>\n<h2> Hex Codes in Design<\/h2>\n<p>The hex codes allow for 16,777,216 possible <a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/complete-guide-to-colour-combinations\/\" target=\"_blank\" rel=\"noopener\">color combinations<\/a>. It is a major component of <a href=\"https:\/\/www.andacademy.com\/resources\/blog\/graphic-design\/what-is-graphic-design\/\" target=\"_blank\" rel=\"noopener\">graphic design<\/a> that has made choosing colors and keeping track of them easier. Hex codes allow designers to create complex colors as per their needs and improve the visual quality of design on a modern computer screen.<\/p>\n<p>The format of a hex code is #RRGGBB. It consists of 6 digitals consisting of 3 pairs preceded by a hash symbol (#). Each pair represents a color component and its intensity. Check out the exact structure below.<\/p>\n<ul class=\"disc\">\n<li>The first two digits of a hex code represent the red component.<\/li>\n<li>The two middle digits represent the green component.<\/li>\n<li>The last two digits represent the blue component.<\/li>\n<\/ul>\n<h2> Hex Codes for Different Colors<\/h2>\n<p>Here is a list of hex codes for some commonly used colors -.<\/p>\n<ul class=\"disc\">\n<li><strong>Hex Code for Black &#8211;<\/strong> #000000<\/li>\n<li><strong>Hex Code for White &#8211;<\/strong> #FFFFFFf<\/li>\n<li><strong>Hex Code for Red &#8211;<\/strong> #FF0000<\/li>\n<li><strong>Hex Code for Blue &#8211;<\/strong> #0000FF<\/li>\n<li><strong>Hex Code for Yellow &#8211;<\/strong> #FFFF00 <\/li>\n<li><strong>Hex Code for Green &#8211;<\/strong> #008000<\/li>\n<\/ul>\n<p><em>Note: All information and\/or data from external sources is believed to be accurate as of the date of publication.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A hex code is a format used to identify colors. It is a hexadecimal system that consists of six-digit alpha-numerical codes to represent specific colors. Each color has its own unique hex code. It is used by designers and developers for various purposes while developing technical and marketing collaterals such as webpages, logos, social media [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","glossary_category":[38],"class_list":["post-14305","glossary","type-glossary","status-publish","hentry","glossary_category-graphic-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hex Code in Graphic Design | AND Academy<\/title>\n<meta name=\"description\" content=\"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hex Code in Graphic Design | AND Academy\" \/>\n<meta property=\"og:description\" content=\"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/\" \/>\n<meta property=\"og:site_name\" content=\"AND Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-25T05:29:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Hex Code in Graphic Design | AND Academy\" \/>\n<meta name=\"twitter:description\" content=\"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/glossary\\\/graphic-design\\\/hex-code\\\/\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/glossary\\\/hex-code\\\/\",\"name\":\"Hex Code in Graphic Design | AND Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#website\"},\"datePublished\":\"2024-10-03T19:31:26+00:00\",\"dateModified\":\"2025-06-25T05:29:40+00:00\",\"description\":\"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/glossary\\\/hex-code\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/glossary\\\/hex-code\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/glossary\\\/hex-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hex Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/\",\"name\":\"AND Academy\",\"description\":\"Design Courses with Placement Guarantee | AND Academy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#organization\"},\"alternateName\":\"AND Academy\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#organization\",\"name\":\"AND Academy\",\"alternateName\":\"AND Academy\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/AND-Logo-Hi-res-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/AND-Logo-Hi-res-scaled.jpg\",\"width\":2560,\"height\":2560,\"caption\":\"AND Academy\"},\"image\":{\"@id\":\"https:\\\/\\\/www.andacademy.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hex Code in Graphic Design | AND Academy","description":"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/","og_locale":"en_US","og_type":"article","og_title":"Hex Code in Graphic Design | AND Academy","og_description":"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.","og_url":"https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/","og_site_name":"AND Academy","article_modified_time":"2025-06-25T05:29:40+00:00","twitter_card":"summary_large_image","twitter_title":"Hex Code in Graphic Design | AND Academy","twitter_description":"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.andacademy.com\/resources\/glossary\/graphic-design\/hex-code\/","url":"https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/","name":"Hex Code in Graphic Design | AND Academy","isPartOf":{"@id":"https:\/\/www.andacademy.com\/resources\/#website"},"datePublished":"2024-10-03T19:31:26+00:00","dateModified":"2025-06-25T05:29:40+00:00","description":"Read about hex code and its importance in graphic design. Also, know the HTML hex code for different colors such as blue, black, yellow, etc.","breadcrumb":{"@id":"https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.andacademy.com\/resources\/glossary\/hex-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.andacademy.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Hex Code"}]},{"@type":"WebSite","@id":"https:\/\/www.andacademy.com\/resources\/#website","url":"https:\/\/www.andacademy.com\/resources\/","name":"AND Academy","description":"Design Courses with Placement Guarantee | AND Academy","publisher":{"@id":"https:\/\/www.andacademy.com\/resources\/#organization"},"alternateName":"AND Academy","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.andacademy.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.andacademy.com\/resources\/#organization","name":"AND Academy","alternateName":"AND Academy","url":"https:\/\/www.andacademy.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andacademy.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2022\/10\/AND-Logo-Hi-res-scaled.jpg","contentUrl":"https:\/\/www.andacademy.com\/resources\/wp-content\/uploads\/2022\/10\/AND-Logo-Hi-res-scaled.jpg","width":2560,"height":2560,"caption":"AND Academy"},"image":{"@id":"https:\/\/www.andacademy.com\/resources\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/glossary\/14305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/media?parent=14305"}],"wp:term":[{"taxonomy":"glossary_category","embeddable":true,"href":"https:\/\/www.andacademy.com\/resources\/wp-json\/wp\/v2\/glossary_category?post=14305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}