# Colors & Logos

# The Colors

#### Main Colors

<table border="1" id="bkmrk-nethavn-navy-%23182534" style="border-collapse: collapse; width: 37.037%; height: 127px; border-width: 1px; background-color: #182534;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr><td style="border-width: 1px;"><span style="color: rgb(195, 214, 236);">**nethavn Navy**</span>

<span style="color: rgb(195, 214, 236);">*\#182534*</span>

<span style="color: rgb(195, 214, 236);">R: 24</span>  
<span style="color: rgb(195, 214, 236);">G: 37</span>  
<span style="color: rgb(195, 214, 236);">B: 52</span>

</td></tr></tbody></table>

<table border="1" id="bkmrk-nethavn-blue-%23009bdf" style="border-collapse: collapse; width: 37.037%; border-width: 1px; background-color: rgb(0, 155, 223); height: 127px;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr><td style="border-width: 1px;"><span style="color: rgb(195, 214, 236);">**nethavn Blue**</span>

<span style="color: rgb(195, 214, 236);">*\#009BDF*</span>

<span style="color: rgb(195, 214, 236);">R: 0</span>  
<span style="color: rgb(195, 214, 236);">G: 155</span>  
<span style="color: rgb(195, 214, 236);">B: 223</span>

</td></tr></tbody></table>

<table border="1" id="bkmrk-nethavn-silver-%23c3d6" style="border-collapse: collapse; width: 37.037%; height: 127px; border-width: 1px; background-color: #c3d6ec;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr><td style="border-width: 1px;"><span style="color: rgb(24, 37, 52);">**nethavn Silver**</span>

<span style="color: rgb(24, 37, 52);">*\#C3D6EC*</span>

<span style="color: rgb(24, 37, 52);">R: 195</span>  
<span style="color: rgb(24, 37, 52);">G: 214</span>  
<span style="color: rgb(24, 37, 52);">B: 236</span>

</td></tr></tbody></table>

#### Support Colors

<table border="1" id="bkmrk-nethavn-grey-%2324303e" style="border-collapse: collapse; width: 37.037%; height: 127px; border-width: 1px; background-color: #252d3c;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr><td style="border-width: 1px;"><span style="color: rgb(195, 214, 236);">**nethavn Metallic Blue**</span>

<span style="color: rgb(195, 214, 236);">*\#252D3C*</span>

<span style="color: rgb(195, 214, 236);">R: 37</span>  
<span style="color: rgb(195, 214, 236);">G: 45</span>  
<span style="color: rgb(195, 214, 236);">B: 60</span>

</td></tr></tbody></table>

<table border="1" id="bkmrk-nethavn-grey-%23202429" style="border-collapse: collapse; width: 37.037%; height: 127px; border-width: 1px; background-color: #202429;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr><td style="border-width: 1px;"><span style="color: rgb(195, 214, 236);">**nethavn Grey**</span>

<span style="color: rgb(195, 214, 236);">*\#202429*</span>

<span style="color: rgb(195, 214, 236);">R: 32</span>  
<span style="color: rgb(195, 214, 236);">G: 36</span>  
<span style="color: rgb(195, 214, 236);">B: 41</span>

</td></tr></tbody></table>

<table border="1" id="bkmrk-nethavn-violet-%23960f" style="border-collapse: collapse; width: 37.037%; height: 127px; border-width: 1px; background-color: #960fc8;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr><td style="border-width: 1px;"><span style="color: rgb(195, 214, 236);">**nethavn Violet**</span>

<span style="color: rgb(195, 214, 236);">*\#960fc8*</span>

<span style="color: rgb(195, 214, 236);">R: 150</span>  
<span style="color: rgb(195, 214, 236);">G: 15</span>  
<span style="color: rgb(195, 214, 236);">B: 200</span>

</td></tr></tbody></table>

#### CSS Filters

<div id="bkmrk-nethavn-navy-css-fil"><details><summary>nethavn Navy CSS Filter</summary>

filter: invert(11%) sepia(57%) saturate(488%) hue-rotate(172deg) brightness(93%) contrast(93%);

</details></div><details id="bkmrk-nethavn-blue-css-fil"><summary>nethavn Blue CSS Filter</summary>

<div><div>filter: invert(39%) sepia(98%) saturate(838%) hue-rotate(165deg) brightness(98%) contrast(104%);</div></div></details><details id="bkmrk-nethavn-silver-css-f"><summary>nethavn Silver CSS Filter</summary>

filter: invert(89%) sepia(7%) saturate(1005%) hue-rotate(182deg) brightness(95%) contrast(95%);</details><details id="bkmrk-nethavn-metallic-blu"><summary>nethavn Metallic Blue CSS Filter</summary>

filter: invert(19%) sepia(20%) saturate(584%) hue-rotate(181deg) brightness(92%) contrast(104%);

</details><details id="bkmrk-nethavn-grey-css-fil"><summary>nethavn Grey CSS Filter</summary>

filter: invert(8%) sepia(13%) saturate(948%) hue-rotate(173deg) brightness(92%) contrast(86%);

</details><details id="bkmrk-nethavn-violet-css-f"><summary>nethavn Violet CSS Filter</summary>

filter: invert(20%) sepia(88%) saturate(3384%) hue-rotate(277deg) brightness(78%) contrast(114%);

</details><div id="bkmrk-filter%3A-invert%2887%25%29-"></div>

# The Logos

#### Main Version (on dark backgrounds)

<table border="1" id="bkmrk-" style="border-collapse: collapse; width: 100%; border-width: 1px; background-color: #182534;"><colgroup><col style="width: 99.8765%;"></col></colgroup><tbody><tr><td style="border-width: 1px;">![](https://adm.nethavn.com/static/brand/logo-combined.svg)

</td></tr></tbody></table>

#### Inverse Version (on light backgrounds and prints)  


<table border="1" id="bkmrk--2" style="border-collapse: collapse; width: 100%; border-width: 1px; background-color: #c3d6ec;"><colgroup><col style="width: 99.8765%;"></col></colgroup><tbody><tr><td style="border-width: 1px;">![](https://adm.nethavn.com/static/brand/logo-combined-dark.svg)

</td></tr></tbody></table>

#### Logo (Single)

<table border="1" id="bkmrk--0" style="border-collapse: collapse; width: 19.2593%; height: 152.391px; border-width: 1px; background-color: rgb(24, 37, 52);"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr style="height: 152.391px;"><td style="border-width: 1px; height: 152.391px;">![](https://adm.nethavn.com/static/brand/logo.svg)

</td></tr></tbody></table>