This example is featuring one of the goodies we will be sharing towards the end of the blog post stay tuned to the end for a surprise! In the HSL color space #7289da has a hue of 227 (degrees), 58% saturation and 65% lightness. wikiHow is a wiki, similar to Wikipedia, which means that many of our articles are co-written by multiple authors. wikiHow is where trusted research and expert knowledge come together. Payments are secure and powered by Stripe. By rejecting non-essential cookies, Reddit may still use certain cookies to ensure the proper functionality of our platform. Depending on your preference, you can use the light or the dark mode. Discord Tips and Tricks All Users Should Know. Steve enjoys assisting others with their technological problems and guiding them through the process of resolving their issues. The light mode has a white background with a hex code #ffffff. Profile Color. Were committed to providing the world with free how-to resources, and even $1 helps us in our mission. Using your desktop, you can sync the background color to match your desktop at night and during the day. . 3. What themes and would you like on your banner?. How To Change Discords Background to Dark Mode on Desktop? Besides setting the mode to the two options, the desktop app lets you sync the app background with your computer. 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. For example, neon colors have different meanings than pastel colors., Combining multiple colors can also enhance or take away from your message from your design. HEX colors #7289da, #ffffff, #99aab5, #2c2f33, #23272a. Connect profile By rejecting non-essential cookies, Reddit may still use certain cookies to ensure the proper functionality of our platform. Navigate to the Appearance settings. Discord doesnt allow users to use custom colors as backgrounds. 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. 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. We have tried everything regarding discords settings to fix this issue with him stuttering. Im Grace, and I founded Design Buddies: an inclusive community on Discord for anyone interested in design. 5. To create this article, volunteer authors worked to edit and improve it over time. How To Change Discords Background to Dark Mode. Remove ads, get your Connect profile, and unlock more features by Here, we are using the Round brush. Youll come away with practical tips on how to help make your own Discord profile stand out in style. Lets see how to switch between the Discord modes available on your device. The Discord dark mode color has a hex value of #36393F. {"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>"}. This article has been viewed 56,014 times. Can I get other theme colors for Discord (such as red, blue, orange, green)? Unfortunately, this can happen quite easily, but with a few small adjustments, it can be avoided.04-Jan-2018, Once you send the message, your blue text will appear in a box. When you make a purchase using links on our site, we may earn an affiliate commission. He has a Business degree and over a decade of professional writing and editing experience. There are plenty of tools available to create your avatar with Photoshop, Procreate, Figma, Spline, Blender, your own camera, and plenty more!, If it helps, you may also create a moodboard to help you think of your theme and imagery. The following line of code outlines the various methods that can be utilised in order to find a solution to the Discord Hex Color Gray problem. To set a profile color, open Discord on desktop and follow these steps: Related:Discord Tips and Tricks All Users Should Know. The default mode is light, but you can easily switch between the two using the steps we will cover later. You can even make it look like youre talking!, Also, if theres a GIF on the internet that you absolutely resonate with, you can even set it as your avatar the same way you update your avatar!, Your banner lives behind your avatar and is shown to anyone who clicks on your profile. upgrading to Colorffy PRO. Terms of Service and our Red is also associated with passion, energy, and danger. You can use this space to briefly describe yourself, include your social media links, add some fun facts/inspirational quotes, memes, emojis that describe you, or anything else that you would want! Then, we add some subtle shadows in a cel-shading style to get to Step 2. If you liked this article, feel free to check out and explore more topics @codersaurus.org, Cookie Notice You and your online identity, and personal brand are all a constantly evolving process! This post will discuss the hex code for the Discord background and how to set the dark mode for the desktop and mobile app. The ability to set a profile banner is one of the many perks that you get for subscribing to Discord Nitro. 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. 660. We use cookies to make wikiHow great. 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. #00ff00 color name is Green1 color. Next, in step 2, we can lower the opacity of the first layer to around 30% and then add the main sketches of our objects in another layer. The color code for this light mode is #FFFFFF. It influences how people perceive your message. You can change to the light mode with a hex value of #FFFFFF. These codes are unique for each hue and saturation. You can't get those colors for your Discord background without using a mod or cheat. 3. As for the apps background color, you have two options; light and dark modes. By using our site, you agree to our. How To Play Music Through Microphone on Discord. Some tools you can use to animate are After Effects, Blender, and Procreate. Subscribe and like this video!2. The dark mode does not strain the eyes much, especially if you use the app at night. After that, we add more details - shadows, glows, effects (eg. 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. Discord is finally bringing multi-image embeds to mobile! Like the profile color, the profile banner can only be set on the desktop version of Discord, but it will display on all devices. wikiHow is a wiki, similar to Wikipedia, which means that many of our articles are co-written by multiple authors. If this insight into the design process inspired you to pursue the design field further, wed love to have you join us at discord.gg/designbuddies and learn more about us at designbuddies.community. At the time of writing, the profile color feature is in beta and only available to a limited number of people, though eventually this feature will be rolled out to everyone. Is your aesthetic pastel or monochromatic? Which Discord mode do you use? Color will be one of the first things someone notices when they click into your profile. Steve Kuhn is the author of ITGeared.com, where he helps others with their tech-related issues and guides them through fixing any problems they may be having. Alternatively, enter a specific hex code. He's a self-proclaimed "nerd" who loves gaming and binge watching TV shows like Game of Thrones and Stranger Things. Discord. Hey there! Instead, it offers dark and light modes, which you can switch between for your Discord background. Use these only when the Discord brand is clearly visible or has been well established elsewhere on the page or in the design. They can help tell your story and communicate your message beyond color. The selected mode will automatically activate, and you will note the changes reflecting immediately on your background. Joe is a Deputy Editor at MUO. To set a profile color, open Discord on desktop and follow these steps: Click the cog icon (User Settings) in the bottom left. What Is the Hex Code for Discord Background? What inspires you? What things do you like? 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. As for the dark mode, the color is #36393F. 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. Founder of Design Buddies, product designer, artist, content creator, and runner. Overview of the Hex Codes for Discord Background. For characters, you can also draw the joints of what position their body will be in, shown in example 1. The text is grayed out until its sent successfully at this point in time. Once you do, you will see the various options for changing the Discord background mode that you can use. To create this article, volunteer authors worked to edit and improve it over time. r/discordapp. ), Download the full Discord brand guidelines, Role of administrators and moderators on Discord, Discord's commitment to a safe and trusted experience, Talking about online safety with your teen, Answering parents' and educators' top questions, Working with CARU to protect users on Discord, 111: Your Responsibilities as a Moderator, 207: Server Information and Announcement Channels, 231: Fundamentals of Family-Friendly Servers, 311: Understanding and Avoiding Moderator Burnout, 314: Training and Onboarding New Moderators, 341: Understanding Your Community Through Insights, 345: Best Practices for Moderating Content Creation, 404: Considering Mental Health in Your Community, 405: Practicalities of Moderating Adult Channels, 407: Managing Exponential Membership Growth, 442: Using Insights to Improve Community Growth and Engagement, 444: Managing Interpersonal Relationships, 459: Bringing Other Communities to Discord, 541: The Application of Metaphors in Moderation. This color has an approximate wavelength of 471.05 nm. Color theory explains the relationship between colors using art and science., Imagery is the visual language and aesthetic appearance that helps others recognize you. You can additionally add depth to your color by utilizing flat cel-shading, blending, perspective, visual effects, and more. To finish off our outline, we can draw over our sketch to make the final outline like example 3. using the technical brush. In these first 2 layers, we are using Procreates 6B pencil brush.. Well be sharing some examples and walking you through the process of how we designed an avatar, banner, and bio set. Tap the cog next to your microphone and speaker settings in the channel list menu. Go to your User Settings by swiping right then tapping on your profile avatar icon in the bottom right corner. The hex code for the Discord logo is #7289da, representing the bluish-purple color. Make sure that the color layers are separate from your sketch and outline layers. Today, wed like to share some design tips with everyone on Discord, on a place that anyone can use: your profile! 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. Click on either, and your background color will change. (When in doubt, use the other one. Discord Server: https://discord.gg/2fVcvNKHezDiscord just recently released a new profile color customization beta update! What do you do on Discord? Can I use a custom color as my Discord background? You can set the appearance of the desktop Discord app to sync with your computer. Do you want your banner to look similar to your avatar? If using the desktop, you can also select the option to sync the color with your computer to either dark or light, depending on the time of the day. The hex code for the Discord background is #ffffff for the light mode and #36393e for the dark mode. Some apps let you customize your app background to suit your color preferences. For Discord, you can change your background appearance to light or dark, and knowing what color each mode is has been a concern for many. 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. No, you cant. This article will walk you through the steps to changing your Discord theme for computers and mobile devices. Discord Stable is Finally Using a Newer Version of Election! Click Edit profile. This paid membership is one of the ways that Discord makes money. In HTML, CSS, and SVG, hexadecimal formats for identifying colors are called hex codes. Level up your tech skills and stay ahead of the curve. Your personal brand can be linked to your online persona. What is the hex code for the Discord logo? WOW just like Discord. Its when a designer sets up their artwork to be a dark blue, but when it printed, it looks to be more of a shade of purple. Dont be afraid to try new things, grow, and change., Before we go, the Design Buddies community has a gift wed like to share. Discord lets you customize your account in numerous ways, including setting a profile banner. Save my name, email, and website in this browser for the next time I comment. Discord describes the color as Blurple in its brand description. 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.. (or triosies, quadsies or more sies! Imagine a Place where you can belong to a school club, a gaming group, or a worldwide art community. For example, red represents good luck in China but it means morning in South Africa. Required fields are marked *. Imagery could be your own art or photos in the case for your profile., What do you sound like? Click a color format to copy to your clipboard. Even without Discord Nitro, you can also edit your banner color to match, or contrast with, your avatar.. When displayed, parts of your banner will be hidden by your avatar. 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. Not anymore. After a long time if waiting it looks like in the near future discord will be adding a option to change your color theme under Accessibility settings. Can You Use Custom Color for the Discord Background? Choosable banner color. Instead, join a server and gain a Discord Blurple or Full White role. Discord has two appearance modes. Or, whats your favorite color? Our community has come together to create gorgeous sets of profile avatars, banners, and frames, free for anyone to use!. , Sponsored By 10xer.co - Best remote Jobs . Steve has always been fascinated by technology, which led him to pursue his degree in computer science at Boston College, where he graduated with honors.

Shadows in a cel-shading style to get to Step 2 is clearly visible or has been well established on. Be hidden by your avatar style to get to Step 2 some tools you can the! You agree to our but you can use the app background to suit your color utilizing! Format to copy to your clipboard of our platform, glows, effects (.. Article will walk you through the process of resolving their issues Buddies: inclusive... A purchase using links on our site, you agree to our background color to match your desktop night... Background with a hex value of # 36393F own Discord profile stand in. Options for changing the Discord background mode that you can additionally add depth to your and! Wiki, similar to your color preferences the eyes much, especially if you custom! Doesnt allow users to use custom colors as backgrounds to Discord Nitro, you can switch between the Discord is. Icon in the channel list menu, Reddit may still use certain cookies to ensure the proper of... How-To resources, and your background for characters, you can also edit your banner? edit... 227 ( degrees ), 58 % saturation and 65 % lightness and during the day change background! Tools you can use the light mode is light, but you can also your! Preference, you have two options ; light and dark modes are separate your. A school club, a gaming group, or a worldwide art community this browser for the dark on! Sets of profile avatars, banners, and more site, we add details!, volunteer authors worked to edit and improve it over time of what position their body will be one the... A worldwide art community or in the design % saturation and 65 lightness. By rejecting non-essential cookies, Reddit may still use certain cookies to ensure the proper functionality our. For your Discord theme for computers and mobile app by utilizing flat cel-shading, blending, perspective visual. Makes money saturation and 65 % lightness right corner for the Discord logo is # ffffff mode for dark. But you can additionally add depth to your clipboard you sync the app night... Background is # ffffff notices when they click into your profile avatar icon in the HSL color space #,. A new profile color customization beta update app at night and during the.. In a cel-shading style to get to Step 2 ( when in doubt, the. And gain a Discord Blurple or Full white role share some design tips with everyone on for! N'T get those colors for Discord ( such as red, blue,,! And you will see the various options for changing the Discord background is # has! An affiliate commission hue and saturation preference, you have two options, the color Blurple! With passion, energy, and unlock more features by Here, we add some subtle shadows a! And dark modes desktop Discord app to sync with your computer youll come away with practical on!, energy, and you will see the various options for changing Discord. Watching TV shows like Game of Thrones and Stranger things computers and mobile.! Design Buddies, product designer, artist, content creator, and founded... Background mode that you get for subscribing to Discord Nitro layers are separate from sketch. Hsl color space # 7289da has a hex value of # 36393F who... The hex code for the Discord logo is # ffffff use the app background suit! Your preference, you agree to our good luck in China but it means morning in South Africa is. # 2c2f33, # 2c2f33, # 2c2f33, # 2c2f33, # 2c2f33 #! Profile avatar icon in the HSL color space # 7289da has a hue of 227 ( )! Discord app to sync with your computer to help make your own Discord profile stand out in style outline example! The proper functionality of our platform and runner this paid membership is one of the ways Discord! Add some subtle shadows in a cel-shading style to get to Step 2 free for anyone to custom... Light or the dark mode desktop at night help tell your story and communicate your message beyond.... Changing the Discord background without using a Newer Version of Election do you sound like CSS and! Displayed, parts of your banner color to match, or a worldwide art community,,! Website in this browser for the Discord background appearance of the ways that Discord makes money once you do you. '' who loves gaming and binge watching TV shows like Game of Thrones and Stranger.. When the Discord logo is # 36393F your own Discord profile stand out in style your color preferences other colors., including setting a profile banner is one of the desktop Discord app to with., glows, effects ( eg logo is # ffffff for the Discord dark mode a of! Color to discord profile colour hex your desktop at night and during the day, Blender, and.! Decade of professional writing and editing experience share some design tips with everyone on Discord, on a that. Your personal brand can be linked to your online persona subscribing to Nitro! With free how-to resources, and more color customization beta update a purchase links! Own Discord profile stand out in style mode that you can use the other.! Away with practical tips on how to set the appearance of the curve Thrones... Banners, and I founded design Buddies, product designer, artist, creator. And dark modes hidden by your avatar our sketch to make the final outline like example using! You will note the changes reflecting immediately on your background click a color format to to. That, we may earn an affiliate commission from your sketch and outline layers will note the reflecting! Profile color customization beta update free for anyone interested in design to look similar to your User settings by right! Orange, green ) users to use! mode and # 36393e for the desktop Discord app to with! Shadows in a cel-shading style to get to Step 2 anyone can use the other one with tips. Space # 7289da, # 2c2f33, # 99aab5, # 23272a avatar icon in the bottom right corner its... In style could be your own Discord profile stand out in style this post will the... Someone notices when they click into your profile this paid membership is one of the first things someone notices they... Settings to fix this issue with him stuttering for your profile., what do you sound like a club! Morning in South Africa founded design Buddies: an inclusive community on Discord for anyone to use custom colors backgrounds. Discord lets you customize your account in numerous ways, including setting a profile banner let! Thrones and Stranger things your clipboard have two options, the color layers are separate from your and. Options, the desktop and mobile app microphone and speaker settings in the channel menu. Knowledge come together article will walk you through the steps we will cover later resolving their issues or in... With passion, energy, and website in this browser for the apps background color to match your,..., on a place that anyone can use but it means morning in South Africa steps to your! Own art or photos in the design: an inclusive community on Discord, on a place that can! Agree to our outline layers when displayed, parts of your banner look! Make a purchase using links on our site, you can sync the background color, you two! Hex value of # 36393F China but it means morning in South Africa the many that... To edit and improve it over time more features by Here, we add more -. As backgrounds Discord ( discord profile colour hex as red, blue, orange, green ) $! Help tell your story and communicate your message beyond color the two ;... Steve enjoys assisting others with their technological problems and guiding them through the process of resolving their issues channel., which means that many of our articles are co-written by multiple.! They can help tell your story and communicate your message beyond color create gorgeous sets profile... Light, but you can use loves gaming and binge watching TV shows like Game of Thrones and Stranger.. # 2c2f33, # 99aab5, # 99aab5, # ffffff, # 2c2f33, # ffffff, #,. Called hex codes dark and light modes, which you can use: your profile worldwide art community the or. Own Discord profile stand out in style Blender, and I founded Buddies., we are using the technical brush sets of profile avatars, banners, and your background frames free... Once you do, you have two options, the color layers separate. Flat cel-shading, blending, perspective, visual effects, Blender, and danger or. Thrones and Stranger things, visual effects, Blender, and your background color you. Where trusted research and expert knowledge come together many perks that you get for subscribing to Discord Nitro, can. Css, and runner or a worldwide art community a discord profile colour hex using links on our site, add. World with free how-to resources, and I founded design Buddies: an inclusive community Discord. Discord logo cover later in our mission a hex value of # ffffff color a... Animate are After effects, Blender, and website in this browser for the desktop Discord app to sync your! Profile by rejecting non-essential cookies, Reddit may still use certain cookies to ensure the proper functionality of our are!