Colors
Main colours
These main colours create the basic visual character of the brand.
| Beach Yellow | |
|---|---|
| HEX | #e3ae3f |
| RGB | value |
| CMYK | 11-33-83-2 |
| Pantone C | 143 C |
| Pantone U | 129 U |
| Black | |
|---|---|
| HEX | #222222 |
| RGB | value |
| CMYK | 74-64-60-78 |
| Pantone C | Black 3 C |
| Pantone U | Black 6 U |
Secondary colours
Colours used in the application environment (UI – User Interface) and on the web.
| Dark Gray |
|---|
| #666666 |
| value |
| Gray |
|---|
| #999999 |
| value |
| Light Gray |
|---|
| #efefef |
| value |
Contrast control
Check the contrast between foreground and background colours to ensure that text, headings and buttons are legible according to accessibility standards.
Insert foreground color
Insert background color
|
Contrast |
1.00 |
|
Is suitable for paragraphs? |
|
|
Is suitable for headlines? |
|
|
Is suitable for buttons? |
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…) |