# Chat-widget-configuration-guide/ContactTab - Icon and custom colors

**URL:** <https://community.brightpattern.com/t/chat-widget-configuration-guide-contacttab-icon-and-custom-colors/507>\
**Category:** Product Q&A\
**Created:** [October 8, 2021, 6:11pm UTC](https://community.brightpattern.com/t/chat-widget-configuration-guide-contacttab-icon-and-custom-colors/507 "2021-10-08T18:11:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahedblum](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@ahedblum](https://community.brightpattern.com/u/ahedblum)\
**Post date:** [October 8, 2021, 6:11pm UTC](https://community.brightpattern.com/t/chat-widget-configuration-guide-contacttab-icon-and-custom-colors/507/1 "2021-10-08T18:11:38Z")

</div>

Hi Team,  
Two questions on customizing the Contact Tab.

1. Is there an easy way to add custom colors, not on the color palette? I tried to just type in a hex color in the highlight color field (ex: #9f094b) but it gave an invalid code error.
2. The Icon is not showing up for me on the Contact tab. I have a valid img url in the Icon URL field. The Contact tab appears to have a space where the images should appear. Any troubleshooting tricks? The icon shows up fine on the pre-chat window.

Here is the information I am referencing:  
Icon URL:\*\* The _Icon URL_ is the web address of your company icon or logo. In the Icon URL field, enter the desired icon’s URL to see it shown on the left side of the Contact tab.

https:/help.brightpattern.com/5.8:Chat-widget-configuration-guide/ContactTab

---

<div class="post-metadata">

**Author:** ![jeffrey.bristol](https://sea2.discourse-cdn.com/flex020/user_avatar/community.brightpattern.com/jeffrey.bristol/32/203_2.png) [@jeffrey.bristol](https://community.brightpattern.com/u/jeffrey.bristol)\
**Post date:** [October 11, 2021, 8:13pm UTC](https://community.brightpattern.com/t/chat-widget-configuration-guide-contacttab-icon-and-custom-colors/507/3 "2021-10-11T20:13:58Z")

</div>

Hi ahedblum -

Regarding #1, have you tried using all caps for the letters of the hex code and not adding the # to the code?

Regarding #2, did you already try clearing our your web browser cache? This might be something out Customer Support Success team can handle. If you need to, please open a case with our support team and they would be happy to assist.

Thank you,  
Jeff

---

<div class="post-metadata">

**Author:** ![ahedblum](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@ahedblum](https://community.brightpattern.com/u/ahedblum)\
**Post date:** [October 12, 2021, 5:20pm UTC](https://community.brightpattern.com/t/chat-widget-configuration-guide-contacttab-icon-and-custom-colors/507/4 "2021-10-12T17:20:35Z")

</div>

All caps without # works great! thanks! (ex: 9F094B)  
I will reach out to CS about the images.