{"id":29773,"date":"2022-07-22T16:15:09","date_gmt":"2022-07-22T16:15:09","guid":{"rendered":"https:\/\/zeru.com\/blog\/?p=29773"},"modified":"2022-07-22T16:15:09","modified_gmt":"2022-07-22T16:15:09","slug":"what-is-the-twitter-color-code","status":"publish","type":"post","link":"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code","title":{"rendered":"What is the Twitter Color Code?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_43 counter-flat ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f2676532788\" class=\"cssicon\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><label for=\"ez-toc-cssicon-toggle-item-69f2676532788\"  class=\"cssiconcheckbox\">1<\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f2676532788\" ><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\/#What_is_the_Twitter_Color_Code\" title=\"What is the Twitter Color Code?\">What is the Twitter Color Code?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\/#Blue\" title=\"Blue\">Blue<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\/#White\" title=\"White\">White<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\/#Black\" title=\"Black\">Black<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\/#Dark_gray\" title=\"Dark gray\">Dark gray<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\/#Imperial_red\" title=\"Imperial red\">Imperial red<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\/#Jonquil\" title=\"Jonquil\">Jonquil<\/a><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"What_is_the_Twitter_Color_Code\"><\/span>What is the Twitter Color Code?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p> <img decoding=\"async\" style=\"margin:0px 10px; max-height:290px; height:auto; max-width:35% width:auto;\" src=\"https:\/\/i.imgur.com\/U9RPAEE.jpg\" alt=\"What is the twitter color code\" align=\"right\"> <\/p>\n<p>If you&#8217;re not familiar with Twitter&#8217;s official color codes, they are RGB, CMYK, Pantone(r), and Dark gray. The Twitter color palette is based on its official brand guidelines. As such, it&#8217;s not a standard color scheme. It is, however, suitable for digital use. If you&#8217;re using it in print, you can simply convert it to RGB. The RGB, CMYK, and PMS color codes can be used in printing.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Blue\"><\/span>Blue<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You might be wondering what Twitter&#8217;s color code is. Twitter uses blue in most of their brand assets, as well as white and dark gray. Blue is an RGB color model color, consisting of 29 red and 242 blue. The blue hue has 203 intensity, 89% saturation, and 53% lightness. Below is a list of Twitter color schemes and how they are represented in their brand assets. For each, we have a detailed description.<\/p>\n<p>The colors on social media are taken from official brand guidelines. Twitter heavily favors the color blue. The color scheme was last updated on June 25, 2021. Angi and Discord both updated their brand colors in the same year. If you&#8217;re looking to use Twitter&#8217;s colors, here are a few tips to consider. Blue is the most popular color for the company&#8217;s dark mode. This color is also used on its logo.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"White\"><\/span>White<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The Twitter color codes are blue, light gray, dark gray, and white. These are also known as the Twitter color palette and are best used for personal projects, but they are not appropriate for commercial projects. The color codes are hexadecimal and can be used on digital devices as well. In the RGB color model, the blue color has 29 red and 242 blue. Its hue and saturation value is 89% and its lightness is 53%. For more information about Twitter&#8217;s color palette, check out the following:<\/p>\n<p>Twitter changed its background from dark blue to black intentionally to make its interface compatible with light modes. The white background is no longer visible, but you can change it back if you want to. The colors might as well be grayscale. YouTube is another website that uses the white color as a color, but it&#8217;s uninteresting. The red is only used in the logo. These sites are best avoided. If you are considering changing your site&#8217;s color scheme, you should check the guidelines for those sites.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Black\"><\/span>Black<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you want to create a Twitter-branded website, then you should be aware of the following color codes: CMYK, RGB, Pantone, and Hex. Twitter uses the RGB color model, which is composed of 29 red and 242 blue. The color hex code is composed of 203 hues, 89% saturation, and 53% lightness. Below, you can find the Twitter color palette.<\/p>\n<p>The two color codes are similar to each other and may look the same on your website or blog, but they&#8217;re not the same. The tetradic color palette comprises two main colors separated by 30 degrees and a set of complementary colors. Both these color schemes are popular online, and are not as contrasting as the complementary color palette. They are pleasant to look at, however. Despite their similarities, Twitter favors blue for its dark mode.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dark_gray\"><\/span>Dark gray<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Twitter has many colors in their logo. While the Twitter color code is blue, there are actually two of them, plus black and extra light gray. If you are wondering which one to use, you can refer to the official Twitter logo for the color palette. The blue is PMS 279 C, while the dark gray is a CMYK color. Dark gray is a common color used for backgrounds in websites, but you can also use it for your profile pictures.<\/p>\n<p>Twitter&#8217;s primary color is blue, but you can also use light gray and extra light gray for your projects. Dark gray is the best color to use if you&#8217;re designing for a company that uses its colors extensively. Twitter recommends using dark gray for personal and commercial use, but feel free to experiment with it! CMYK color printing uses CMYK for its colors. These colors can be used in both printed and digital media.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Imperial_red\"><\/span>Imperial red<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Imperial red is one of the most prominent colors on the web. This color is categorized as a warm, vivid shade of red in the hexadecimal system. Its RGB value is 237, 41, 57. The CMYK color code is C:0, C:83, and HSV\/HSB: 355deg. Imperial red&#8217;s color wheel shows that it is composed of 71% red, 12% green, and 17% blue. In the HSV\/HSB color wheel, this red color has a saturation of 83%, a brightness of 93 percent, and a value of 355deg.<\/p>\n<p>Another important fact about Twitter&#8217;s color palette is its association to the hummingbird. It symbolizes individualized communication. Twitter&#8217;s logo features a solid, right-facing hummingbird with three feather points. This color is a close cousin of PMS 232. If you want to know more about Twitter&#8217;s color scheme, check out their official website. It&#8217;s not difficult to find the Twitter color code.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Jonquil\"><\/span>Jonquil<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When creating a new website or redesigning an existing website, you may be wondering: &#8220;What is the Twitter color code?&#8221; In fact, this elusive question has a surprisingly simple answer: blue. Twitter&#8217;s hex color code is #1DA1F2, which is a complement to Vivid Tangelo, which is #F26E1D. Complementary colors, which are those opposite ends of the color wheel, are the easiest to work with. Using a complementary color palette is the easiest way to grab a viewer&#8217;s attention.<\/p>\n<p>The Twitter color code is a six-character code that appears at the top of the web page. In Twitter, this color is found on a circular icon in the top-right corner of the page. It&#8217;s used to highlight different types of tweets, or to distinguish one from another. A blue color is generally associated with Twitter, and its value is equivalent to that of blue, which is a complementary color.<\/p>\n<p> <iframe src=\"https:\/\/www.youtube.com\/embed\/X0f0yDAy5s4\" allowfullscreen=\"true\" frameborder=\"0\" height=\"232\" width=\"415\" style=\"margin:0px auto; display: block;\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is the Twitter Color Code? If you&#8217;re not familiar with Twitter&#8217;s official color codes, they are RGB, CMYK, Pantone(r), and Dark gray. The Twitter color palette is based on its official brand guidelines. As such, it&#8217;s not a standard color scheme. It is, however, suitable for digital use. If you&#8217;re using it in print, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":30641,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.7 (Yoast SEO v21.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is the Twitter Color Code? - Zeru<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is the Twitter Color Code?\" \/>\n<meta property=\"og:description\" content=\"What is the Twitter Color Code? If you&#8217;re not familiar with Twitter&#8217;s official color codes, they are RGB, CMYK, Pantone(r), and Dark gray. The Twitter color palette is based on its official brand guidelines. As such, it&#8217;s not a standard color scheme. It is, however, suitable for digital use. If you&#8217;re using it in print, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\" \/>\n<meta property=\"og:site_name\" content=\"Zeru\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-22T16:15:09+00:00\" \/>\n<meta name=\"author\" content=\"Lizzie Yates\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/What-is-the-Twitter-Color-Code_29773.svg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lizzie Yates\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\",\"url\":\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\",\"name\":\"What is the Twitter Color Code? - Zeru\",\"isPartOf\":{\"@id\":\"https:\/\/zeru.com\/blog\/#website\"},\"datePublished\":\"2022-07-22T16:15:09+00:00\",\"dateModified\":\"2022-07-22T16:15:09+00:00\",\"author\":{\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e\"},\"breadcrumb\":{\"@id\":\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zeru.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is the Twitter Color Code?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zeru.com\/blog\/#website\",\"url\":\"https:\/\/zeru.com\/blog\/\",\"name\":\"Zeru\",\"description\":\"Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zeru.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e\",\"name\":\"Lizzie Yates\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg\",\"contentUrl\":\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg\",\"caption\":\"Lizzie Yates\"},\"description\":\"A content marketing strategist with the Zeru team for a little over 5 years, Lizzie Yates specializes in everything digital media with a particular focus on social media and technology. Her passion? To follow how the social media sites like Instagram, YouTube, Facebook, Twitter, and TikTok are maturing over time, and what businesses can do to keep up. She shares her insights on our blog in a true outpouring of knowledge and expertise. Her knowledge about technology and social media is vast, and she is always willing to share her insights with businesses to help them stay up-to-date with the latest trends.\",\"url\":\"https:\/\/zeru.com\/blog\/author\/writer\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is the Twitter Color Code? - Zeru","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:\/\/zeru.com\/blog\/what-is-the-twitter-color-code","og_locale":"en_US","og_type":"article","og_title":"What is the Twitter Color Code?","og_description":"What is the Twitter Color Code? If you&#8217;re not familiar with Twitter&#8217;s official color codes, they are RGB, CMYK, Pantone(r), and Dark gray. The Twitter color palette is based on its official brand guidelines. As such, it&#8217;s not a standard color scheme. It is, however, suitable for digital use. If you&#8217;re using it in print, [&hellip;]","og_url":"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code","og_site_name":"Zeru","article_published_time":"2022-07-22T16:15:09+00:00","author":"Lizzie Yates","twitter_card":"summary_large_image","twitter_image":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/What-is-the-Twitter-Color-Code_29773.svg","twitter_misc":{"Written by":"Lizzie Yates","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code","url":"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code","name":"What is the Twitter Color Code? - Zeru","isPartOf":{"@id":"https:\/\/zeru.com\/blog\/#website"},"datePublished":"2022-07-22T16:15:09+00:00","dateModified":"2022-07-22T16:15:09+00:00","author":{"@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e"},"breadcrumb":{"@id":"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zeru.com\/blog\/what-is-the-twitter-color-code#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zeru.com\/blog"},{"@type":"ListItem","position":2,"name":"What is the Twitter Color Code?"}]},{"@type":"WebSite","@id":"https:\/\/zeru.com\/blog\/#website","url":"https:\/\/zeru.com\/blog\/","name":"Zeru","description":"Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zeru.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e","name":"Lizzie Yates","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg","contentUrl":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg","caption":"Lizzie Yates"},"description":"A content marketing strategist with the Zeru team for a little over 5 years, Lizzie Yates specializes in everything digital media with a particular focus on social media and technology. Her passion? To follow how the social media sites like Instagram, YouTube, Facebook, Twitter, and TikTok are maturing over time, and what businesses can do to keep up. She shares her insights on our blog in a true outpouring of knowledge and expertise. Her knowledge about technology and social media is vast, and she is always willing to share her insights with businesses to help them stay up-to-date with the latest trends.","url":"https:\/\/zeru.com\/blog\/author\/writer"}]}},"_links":{"self":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/29773"}],"collection":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/comments?post=29773"}],"version-history":[{"count":1,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/29773\/revisions"}],"predecessor-version":[{"id":29777,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/29773\/revisions\/29777"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/media\/30641"}],"wp:attachment":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/media?parent=29773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/categories?post=29773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/tags?post=29773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}