# Default page background colour unknown

**URL:** <https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 16, 2021, 6:44pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540 "2021-03-16T18:44:48Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![seanbuckley2698](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@seanbuckley2698](https://forum.inductiveautomation.com/u/seanbuckley2698)\
**Post date:** [March 16, 2021, 6:44pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/1 "2021-03-16T18:44:48Z")

</div>

Does anyone know what the default colour code is for the background of views? Its a slight grey, I just want buttons to have a matching colour and I dont know what the # is for it.

---

<div class="post-metadata">

**Author:** ![jpark](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@jpark](https://forum.inductiveautomation.com/u/jpark)\
**Post date:** [March 16, 2021, 6:47pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/2 "2021-03-16T18:47:36Z")

</div>

Try #FAFAFA

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [March 16, 2021, 7:02pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/3 "2021-03-16T19:02:05Z")

</div>

You can always use browser dev tools to find out, or consult the theme files (`${ignitionInstallDirectory}/data/modules/com.inductiveautomation.perspective/themes/${theme}/variable.css`).

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [March 16, 2021, 7:11pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/4 "2021-03-16T19:11:35Z")

</div>

It is #FAFAFB

---

<div class="post-metadata">

**Author:** ![seanbuckley2698](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@seanbuckley2698](https://forum.inductiveautomation.com/u/seanbuckley2698)\
**Post date:** [March 16, 2021, 7:23pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/5 "2021-03-16T19:23:27Z")

</div>

Thanks, this looks about right

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 16, 2021, 7:34pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/6 "2021-03-16T19:34:42Z")

</div>

Add a color-picker extension to your browser. It’s very handy to have.

If you aren’t already, you should use styles and classes to set the properties of all your components. And, when doing that, use the built-in style colours. See [https://docs.inductiveautomation.com/display/DOC81/Perspective+Themes](https://docs.inductiveautomation.com/display/DOC81/Perspective+Themes) for the list. It’s then really easy to switch between light and dark themes, etc.

---

<div class="post-metadata">

**Author:** ![TonyD\_MM2](https://avatars.discourse-cdn.com/v4/letter/t/dec6dc/32.png) [@TonyD\_MM2](https://forum.inductiveautomation.com/u/TonyD_MM2)\
**Post date:** [July 12, 2025, 3:22pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/7 "2025-07-12T15:22:18Z")

</div>

In perspective, FAFAFA changes the motor symbol background to white. Is there an easy way to determine what the actual perspective view's background color actually is, and change it?

---

<div class="post-metadata">

**Author:** ![TonyD\_MM2](https://avatars.discourse-cdn.com/v4/letter/t/dec6dc/32.png) [@TonyD\_MM2](https://forum.inductiveautomation.com/u/TonyD_MM2)\
**Post date:** [July 12, 2025, 3:32pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/8 "2025-07-12T15:32:11Z")

</div>

Update, I found #E0E0E0 seems to match it perfectly. I experimentally clicked on the background colors HSL tab and increase the L value from 84 to 88.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [July 12, 2025, 4:07pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/9 "2025-07-12T16:07:21Z")

</div>

> [@TonyD\_MM2](#):
>
> FAFAFA changes the motor symbol background to white

That is often an artifact cause by limited or non-linear dynamic range in the **monitor**. Particularly when the monitor's brightness or contrast aren't at default.

This is why designer's should stick to recommended web colors. (The "web-safe" colors are a bit too restrictive in my opinion, but they solve this problem.) Your `#E0E0E0` is quite close to the (nearly) web-safe `#DDDDDD`.

Also, most photo editing tools (like the GIMP) offer an "eye-dropper" tool, to obtain the exact color from a pixel in a sample image. A screen print to clipboard, then paste in the GIMP, is a quick way to do this discovery.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 12, 2025, 4:33pm UTC](https://forum.inductiveautomation.com/t/default-page-background-colour-unknown/44540/10 "2025-07-12T16:33:30Z")

</div>

There are also browser-based color-picker pluginss such as ColorZilla which can be useful for examining web pages.
