Colors
On this page
Basic logo colours
| Steel Blue | |
|---|---|
| HEX | #78b2bb |
| RGB | value |
| CMYK | 41-0-12-20 |
| Pantone C | 5493 C |
| Pantone U | 5493 U |
| RAL | 6034 |
| Black | |
|---|---|
| HEX | #000000 |
| RGB | value |
| CMYK | 0-0-0-100 |
| Pantone C | Process Black C |
| Pantone U | Process Black C |
| RAL | N/A |
Full colour palette of visual style
The visual style, gradient backgrounds, graphic elements and components are built on this palette
| Steel Blue -3 | |
|---|---|
| HEX | #d6e7e9 |
| RGB | value |
| CMYK | 10-0-3-5 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| Steel Blue -2 | |
|---|---|
| HEX | #b4d3d9 |
| RGB | value |
| CMYK | 21-0-6-10 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| Steel Blue -1 | |
|---|---|
| HEX | #96c2ca |
| RGB | value |
| CMYK | 31-0-9-15 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| Steel Blue | |
|---|---|
| HEX | #78b2bb |
| RGB | value |
| CMYK | 41-0-12-20 |
| Pantone C | 5493 C |
| Pantone U | 5493 U |
| RAL | 6034 |
| Steel Blue +1 | |
|---|---|
| HEX | #4b91a2 |
| RGB | value |
| CMYK | 52-0-9-36 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| Steel Blue +2 | |
|---|---|
| HEX | #1f7085 |
| RGB | value |
| CMYK | 63-2-7-52 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| Steel Blue +3 | |
|---|---|
| HEX | #005268 |
| RGB | value |
| CMYK | 74-3-5-69 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| Steel Blue +4 | |
|---|---|
| HEX | #003449 |
| RGB | value |
| CMYK | 85-4-2-85 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| Black | |
|---|---|
| HEX | #000000 |
| RGB | value |
| CMYK | 0-0-0-100 |
| Pantone C | 7547 C |
| Pantone U | 7547 U |
| RAL | N/A |
| White | |
|---|---|
| HEX | #ffffff |
| RGB | value |
| CMYK | 0-0-0-0 |
| Pantone C | 7541 C |
| Pantone U | 7541 U |
| RAL | N/A |
Colour ratios in visual style
Proportional use of colour within the visual style. The combination of "Steel Blue" shades dominates the surface and everything else is contrasting black. The action element, where we need attention, can be contrastingly coloured as Steel Blue +3 to highlight it.
Additional colours for data visualisation and Office
Colour swatch exclusively for use in charts and infographics, where it is necessary to distinguish individual elements by colour
| Blue |
|---|
| #1e7086 |
| value |
| Green |
|---|
| #67c18c |
| value |
| Red |
|---|
| #f05b72 |
| value |
| Yellow |
|---|
| #ffcc4e |
| value |
| Cyan |
|---|
| #56c5d0 |
| value |
| Violet |
|---|
| #9f95ac |
| value |
| Gray |
|---|
| #9cb4be |
| value |
UI colours
Colors for web layout elements
| Main Primary (Steel Blue +3) |
|---|
| #005268 |
| value |
| Dark Primary (Steel Blue +4) |
|---|
| #003449 |
| value |
| Light Primary (Steel Blue +2) |
|---|
| #1f7085 |
| value |
| Main Secondary (Steel Blue) |
|---|
| #78b2bb |
| value |
| Dark Secondary (Steel Blue +1) |
|---|
| #4b91a2 |
| value |
| Light Secondary (Steel Blue -1) |
|---|
| #96c2ca |
| value |
| Info (Steel Blue) |
|---|
| #78b2bb |
| value |
| Contrast |
|---|
| #ffffff |
| value |
| Error |
|---|
| #f05b72 |
| value |
| Success |
|---|
| #67c18c |
| value |
Color Modes
Color modes determine the color scheme we choose for the logo to display correctly on screens and in print.
| Color Mode | What is it? | Usage |
|---|---|---|
| HEX | RGB Equivalent (hexadecimal) | WEBHTMLCSS |
| RGB | Color Space of Screens RGB | WEBHTMLCSS |
| CMYK |
Color Space for Printers CMYK |
PRINT |
| Pantone |
Direct Mixed Colors Pantone for printing | PRINT |
Color Mode Selection
| Suitable Color Mode for Logo: | RGB logo |
CMYK logo |
Pantone logo |
|---|---|---|---|
| Logo will be on screen (web, mobile, presentation…) | |||
| Logo will be in print (business card, flyer…) |