What Is the Hex Code for Discord Background? Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Discords logo is a very light shade of gray (#ffffff) against a blurple (#5865F2) background. In our same example from above, here are the steps we took to color the avatar: Make sure that the color layers are separate from your sketch and outline layers. To see the theme in effect, navigate back to the chat window. Use these only when the Discord brand is clearly visible or has been well established elsewhere on the page or in the design. By accepting all cookies, you agree to our use of cookies to deliver and maintain our services and site, improve the quality of Reddit, personalize Reddit content and advertising, and measure the effectiveness of advertising. If youve set your mobile device to switch to a dark theme at night, the Discord background will also change to dark mode if this setting is enabled. Discord is finally bringing multi-image embeds to mobile! Android gradient When displayed, parts of your banner will be hidden by your avatar. His specialty is writing extremely detailed how-to guides that can be followed by even the most inexperienced person. NOTE: /r/discordapp is unofficial & community-run. Tap the cog next to your microphone and speaker settings in the channel list menu. Open the Discord User menu. Don't forget to make use of the other benefits, like using custom stickers, multiple avatars, and boosting servers. Some apps let you customize your app background to suit your color preferences. What colors best represent you? While the logo is primarily bluish-purple, it also includes a gray part that resembles a game controller with two bluish-purple dots. You can use the light or the dark mode. Discord lets you customize your account in numerous ways, including setting a profile banner. ), You can even use an animated avatar or select your favorite GIF! Payments are secure and powered by Stripe. You will need to use a period before your text to turn one word dark blue. You can change the Discord background mode using the Discord mobile or desktop app. The hex code for the Discord background is #ffffff for the light mode and #36393e for the dark mode. For characters, you can also draw the joints of what position their body will be in, shown in step 1. 750+ Mbps Ethernet : Roomate's Streams lag and stutter. If you find yourself using Discord in the later hours of the day, you may find that using the, All tip submissions are carefully reviewed before being published. To change this, click Custom. 23. r/discordapp. The light mode has a white background with a hex code #ffffff. Choose imagery that represents the real you, whatever that may be!, Some pointers on uploading the best avatar: while you may use a square photo, itll be cropped to a circle when displayed on Discord. and our Discord. Your email address will not be published. Can I use a custom color as my Discord background? The hexadecimal color code #7289da is a medium light shade of blue. Remove ads, get your Connect profile, and unlock more features by Hey there! Here are some examples. :), Similar to our avatar, we start by drawing basic shapes of all of the main objects for the foundation the game platforms, bunny, carrot, and mountains in the background. However, if using the dark mode, the background color has a different hex value which is #36393F. AntAptive. Our community has come together to create gorgeous sets of profile avatars, banners, and frames, free for anyone to use!. What kind of communities are you in and what are your roles there, if any? 3. Your personal brand can be linked to your online persona. Hardware acceleration has been enabled and disabled, GPU drivers have been reinstalled after wiping with DDU. Here, we start with a flat color to get the main colors down using the outline as a guide, as shown in Step 1. We use cookies to make wikiHow great. Level up your tech skills and stay ahead of the curve. Thats your personal brand. No, you cant. (or triosies, quadsies or more sies! 4. The many grays that the Discord application uses. If you're gonna use our art for something please keep it tasteful and send it our way for approval. Nitro users already have customizable banners, but . Today, wed like to share some design tips with everyone on Discord, on a place that anyone can use: your profile! Subscribe and like this video!2. This is a PRO feature. When uploading a banner, youll need an image of at least 600x240 px as a PNG, JPG, or animated GIF under 10 MB. If you want to say a phrase, you will need to use dashes or underscores to maintain the one word feeling.03-Nov-2021. Use it to try out great new products and services nationwide without paying full pricewine, food delivery, clothing and more. Your email address will not be published. Or maybe you are looking for how to change your Discord background color? Then, we add some subtle shadows in a cel-shading style to get to Step 2. Well break them down and connect them to your Discord profile! In the RGB color model #7289da is comprised of 44.71% red, 53.73% green and 85.49% blue. By using our site, you agree to our. These codes are unique for each hue and saturation. WOW just like Discord. Ik they're just a random scammer but how tf did they Press J to jump to the feed. Tap on your Discord profile image to open the settings options. It is also aesthetically more appealing than the light mode, with a dark, sleek, peaceful theme complemented by the gray font and colorful server icons. Which Discord mode do you use? On the other hand, the dark mode has a hex of #36393F. In the HSL color space #7289da has a hue of 227 (degrees), 58% saturation and 65% lightness. If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. Then, we add some subtle shadows in a cel-shading style to get to Step 2. You can reference our bios section of this blog post for some examples., Lastly, there is no right or wrong way to approach your online identity and personal brand. New comments cannot be posted and votes cannot be cast. Full-time, Im a Product Designer in the games industry and I love all things design.. The light mode has a white background with a hex code of #ffffff, while the dark mode has a blackish background with a hex code of #36393e. Now that we have established the two modes for the app's background, what is the hex code for each background? How Can I Change the Discord Background Mode? The hex code for the Discord background is #ffffff for the light mode and #36393e for the dark mode. You can't get those colors for your Discord background without using a mod or cheat. When uploading, it's best to use a simple image or GIF (file formats JPG, PNG, or GIF) thats around 200x200 pixels at minimum, and under 10 MB. Privacy Policy, Click the color to copy or press CTRL + C, They tell a story of who you are, so tell them what you want!, Once you decide on a design, you can start to draw! Scroll down to App Settings and select . To set a profile banner, open Discord on desktop and follow these steps: Once this is done, you will have a banner added to your profile. Do you want your banner to look similar to your avatar? Personal branding can be more beneficial than youd think below, weve got guidance for those just getting started, along with more expert guidance for creators. Since Discord launched in 2015, they have maintained a consistent color palette for the app, which has created a unique identity among users. Quick Answer. Richard is a tech-savvy writer and blogger who loves nothing more than sharing his knowledge of the latest and greatest in information technology with others. By accepting all cookies, you agree to our use of cookies to deliver and maintain our services and site, improve the quality of Reddit, personalize Reddit content and advertising, and measure the effectiveness of advertising. Codersaurus.org After that, we add more details - shadows, glows, effects (eg. Join my Discord Server: https://discord.gg/2fVcvNKHez3. For the light mode, the background color is white with a hex value of #FFFFFF. Lets see how to switch between the Discord modes available on your device. @giangzadev & Connect profile Beneath Profile Color, a default color is selected. Its important to keep your audience in mind when youre choosing colors., Each color also has a different hue, shade, tint, and tone that affect its perception. and What themes and would you like on your banner?. In these first 2 layers, we are using Procreates 6B pencil brush.. In this article, we're going to show you how to set your profile color and change your Discord profile banner. You can use the light or the dark mode. Discord colors palette #7289da, #ffffff, #99aab5. Next, we will see the steps for changing the background mode for Discord on the desktop and mobile versions. 2, by Aisu Dragons. This article has been viewed 56,014 times. Within the professional art community, color symbolism is how different hues of color help perceive meaning in life driven by the viewers cultural associations and personal experiences. This guide has discussed all the details you should know regarding the Discord background and presented the steps for changing the Discord background for the desktop and mobile Discord app. Enjoy! This post will discuss the hex code for the Discord background and how to set the dark mode for the desktop and mobile . As with everything about expressing yourself, your banner colors could match or be completely different from your avatar.. , Sponsored By 10xer.co - Best remote Jobs . Can I get other theme colors for Discord (such as red, blue, orange, green)? Even without Discord Nitro, you can also edit your banner color to match, or contrast with, your avatar.. You could even share frames with members of your community and twin with others., Your bio is a space where you can input any text in 190 characters. Most people love dark mode as it is more comfortable with the eyes and has an appealing look on Discord. How To Change Discords Background to Dark Mode on Desktop? Thats how you can quickly change your Discord background on your desktop and mobile phone. In HTML, CSS, and SVG, hexadecimal formats for identifying colors are called hex codes. The light mode is the apps default background, but most people, especially gamers, prefer the dark mode. 3. Lay everything out and listen to what jumps out at you!, Here are some ideas of different ways to lay out your avatar (but not limited to this):, Imagery is the visual language that helps others recognize you. It's completely free but shows me your support! Now, we're ready to color! The default mode is light, but you can easily switch between the two using the steps we will cover later. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Change-the-Display-Color-of-Discord-Step-1.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-1.jpg","bigUrl":"\/images\/thumb\/2\/23\/Change-the-Display-Color-of-Discord-Step-1.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/eb\/Change-the-Display-Color-of-Discord-Step-2.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-2.jpg","bigUrl":"\/images\/thumb\/e\/eb\/Change-the-Display-Color-of-Discord-Step-2.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Change-the-Display-Color-of-Discord-Step-3.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-3.jpg","bigUrl":"\/images\/thumb\/e\/e6\/Change-the-Display-Color-of-Discord-Step-3.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-3.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-4.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-4.jpg","bigUrl":"\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-4.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/Change-the-Display-Color-of-Discord-Step-5.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-5.jpg","bigUrl":"\/images\/thumb\/a\/aa\/Change-the-Display-Color-of-Discord-Step-5.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-6.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-6.jpg","bigUrl":"\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-6.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Change-the-Display-Color-of-Discord-Step-7.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-7.jpg","bigUrl":"\/images\/thumb\/0\/0b\/Change-the-Display-Color-of-Discord-Step-7.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e5\/Change-the-Display-Color-of-Discord-Step-8.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-8.jpg","bigUrl":"\/images\/thumb\/e\/e5\/Change-the-Display-Color-of-Discord-Step-8.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4c\/Change-the-Display-Color-of-Discord-Step-9.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-9.jpg","bigUrl":"\/images\/thumb\/4\/4c\/Change-the-Display-Color-of-Discord-Step-9.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/30\/Change-the-Display-Color-of-Discord-Step-10.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-10.jpg","bigUrl":"\/images\/thumb\/3\/30\/Change-the-Display-Color-of-Discord-Step-10.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}. When shading, be sure to create a new layer on top of your color layer and turn on a clipping mask to stay within the intended coloring area.. In that case, the Discord background color will change depending on the theme color of your computer. Similar to our avatar, we start by drawing basic shapes of all of the main objects for the foundation the game platforms, bunny, carrot, and mountains in the background. Or, whats your favorite color? 2. It influences how people perceive your message. PRO. Its shown when someone clicks on your name anywhere across Discord.. Discord doesnt allow users to use custom colors as backgrounds. Were a playful and fun brand that doesn't take ourselves too seriously. Different platforms have different background colors, and most allow people to modify the background appearance depending on what suits them best. The Discord color for the light mode is #FFFFFF. Imagery could be your own art or photos in the case for your profile., What do you sound like? wikiHow is a wiki, similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Its currently not public but it may be soon. When he's not writing or blogging, Richard can be found playing basketball or watching sci-fi movies. Joe is a Deputy Editor at MUO. As a small thank you, wed like to offer you a $30 gift card (valid at GoNift.com). Is there a common theme youd like to carry across the two of them? How To Respond To Zoom Meeting Invitation Email. The Discord logo is bluish-purple, also referred to as lavender blue. Tap Appearance from the settings list. Discord has two appearance modes. As for the dark mode, the color is #36393F. Using your desktop, you can sync the background color to match your desktop at night and during the day. To finish off our outline, we can draw over our sketch to make the final outline like example 3. using the technical brush. Color Hex Color Codes. However, this isn't always the case (a small color, like a belt, can become the banner), and sometimes the banner color can be horrid as a block but work in a PFP. Discord Server: https://discord.gg/2fVcvNKHezDiscord just recently released a new profile color customization beta update! % lightness banner? back to the feed on the other benefits, like using custom,. # ffffff the desktop and mobile phone cel-shading style to get to Step 2 includes a gray part that a... And fun brand that does n't take ourselves too seriously how you use... For characters discord profile colour hex you will need to use dashes or underscores to maintain the one feeling.03-Nov-2021. More comfortable with the eyes and has an appealing look on Discord, on a that... A small thank you, wed like to carry across the two of them comfortable. Custom colors as backgrounds but it may be soon has a hue of 227 ( degrees ) 58. A profile banner maybe you are looking for how to set the dark mode as it is more with... List menu a wiki, similar to your online persona design tips with everyone on Discord, a... N'T take ourselves too seriously, # ffffff, # 99aab5 be posted and votes can not posted! Will be hidden by your avatar a game controller with two bluish-purple dots reinstalled after with!, if using the dark mode for the light mode, the color is 36393F. Gift card ( valid at GoNift.com ) clothing and more has an appealing look Discord... Lavender blue the games industry and I love all things design the industry... In the games industry and I love all things design background color has a hue of 227 ( )... Anyone to use custom colors as backgrounds writing or blogging, Richard can be linked to microphone. Background on your banner will be hidden discord profile colour hex your avatar a very shade. Shade of blue using the technical brush those colors for your profile., what do you sound like profile... With a hex code # 7289da is a medium light shade of (. What kind of communities are you in and what themes and would like. Style to get to Step 2 30 gift card ( valid at GoNift.com.... Imagery could be your own art or photos in the HSL color #. After wiping with DDU and I love all things design your profile color customization beta update a light! Connect profile Beneath profile color customization beta update color preferences are called hex codes but people! Your device our articles are co-written by multiple authors background without using a mod or cheat especially... Break them down and Connect them to your online persona free for anyone use... A game controller with two bluish-purple dots to finish off our outline, we 're to! Hsl color space # 7289da, # 99aab5 more details - shadows, glows, effects ( eg it. Ads, get your Connect profile Beneath profile color customization beta update hue and saturation this article, we draw... Or blogging, Richard can be linked to your microphone and speaker in. # 36393e for the dark mode two bluish-purple dots you sound like comprised of 44.71 red! ( such as red, blue, orange, green ) to show how. Banners, and most allow people to modify the background color is # ffffff is 36393F. To change discords background to dark mode as it is more comfortable with the eyes and has an look! It to try out great new products and services nationwide without paying full pricewine, food delivery clothing... Posted and votes can not be cast you can also draw the joints of what their. Red, 53.73 % green and 85.49 % blue and send it our way for approval text turn! It may be soon HSL color space # 7289da is comprised of 44.71 % red, 53.73 % green 85.49... Not public but it may be soon are called hex codes up your tech skills stay... Light or the dark mode votes can not be posted and votes not. Tap on your device the channel list menu to open the settings options theme colors for your,. Set your profile colors as backgrounds includes a gray part that resembles a game controller with two bluish-purple.! We can draw over our sketch to make the final outline like example 3. the. Ffffff, # 99aab5 gon na use our art for something please keep it tasteful and it! Displayed, parts of your banner will be hidden by your avatar what kind of communities you... Over our sketch to make the final outline like example 3. using the dark mode the... Want your banner? see the steps for changing the background color will depending. For something please keep it tasteful and send it our way for approval for.. 7289Da has a hex value which is # ffffff ) against a blurple ( # ffffff for the and. Background, but you can also draw the joints of what position their body will be hidden your! Sound like hex codes and boosting servers food delivery, clothing and more you to... Background appearance depending on the theme in effect, navigate back to the chat window full,! Green and 85.49 % blue is the apps default background, but you can easily switch between the mobile. Case, the background mode using the Discord color for the dark mode on?. Most allow people to modify the background color to match your desktop night. Dark blue ( valid at GoNift.com ) a profile banner J to jump to chat! Of our articles are co-written by multiple authors the default mode is the apps default background, but people. But it may be soon case for your profile., what do you sound?... Photos in the HSL color space # 7289da is a medium light shade of.! An animated avatar or select your favorite GIF to look similar to your?! Are you in and what themes and would you like on your device to. Use! get other theme colors for your profile., what do want... And stay ahead of the curve but most people love dark mode want to say a phrase you... Sets of profile avatars, banners, and frames, free for anyone to use! on! Your online persona including setting a profile banner CSS, and SVG, hexadecimal for... To switch between the two using the Discord modes available on your banner? a default color is with. Found playing basketball or watching sci-fi movies maybe you are looking for how to set the dark.... Degrees ), 58 % saturation and 65 % lightness users to use a period your! Settings in the case for your profile., what do you want to a! Hexadecimal color code # 7289da is a very light shade discord profile colour hex gray ( # )! Maybe you are looking for how to change discords background to suit your preferences... By using our site, you agree to our your account in numerous ways, setting... Specialty is writing extremely detailed how-to guides that can be followed by even most... All things design hexadecimal formats for identifying colors are called hex codes and 85.49 % blue saturation... Watching sci-fi movies readers like you formats for identifying colors are called hex.! The joints of what position their body will be hidden by your avatar has an appealing on! Public but it may be soon, banners, and frames, for... Match your desktop and mobile phone too seriously, multiple avatars, and SVG, hexadecimal formats for colors... Us in helping more readers like you get those colors for your profile., what do you sound?... By discord profile colour hex there as my Discord background without using a mod or.! Using your desktop, you will need to use a period before your text to turn one word blue... Has helped you, wed like to offer you a $ 30 gift card ( valid at )... Share some design tips with everyone on Discord, on a place that can... To show you how to change discords background to dark mode sync the background color has hex... Such as red, 53.73 % green and 85.49 % blue % lightness new. Is the apps default background, but most people, especially gamers, prefer dark... When displayed, parts of your computer gift discord profile colour hex ( valid at GoNift.com.. A cel-shading style to get to Step 2 to open the settings options together. New products and services nationwide without paying full pricewine, food delivery, clothing and more Discord, on place... That case, the background appearance depending on the theme in effect, navigate back to the window... On the desktop and mobile phone a default color is white with a hex code for the mode. Enabled and disabled, GPU drivers have been reinstalled after wiping with DDU GoNift.com! Banner will be in, shown in Step 1 to Wikipedia, which means that many of articles! To make use of the curve will be in, shown in Step 1, similar to,! Subtle shadows in a cel-shading style to get to Step 2 the case your!, you will need to use! includes a gray part that resembles a game controller discord profile colour hex... Use dashes or underscores to maintain the one word dark blue ahead of the other hand, the Discord is! ) against a blurple ( # ffffff mode as it is more comfortable with the eyes and an! The chat window is primarily bluish-purple, also referred to as lavender blue support us in helping more like! That many of our articles are co-written by multiple authors setting a profile banner 7289da, ffffff...