Colors
Main colours
These main colours create the basic visual character of the brand.
| HOPI Green | |
|---|---|
| HEX | #007d32 |
| RGB | value |
| CMYK | 95-0-100-27 |
| Pantone C | 356 C |
| Pantone U | 356 U |
| RAL | 6032 |
| HOPI Black | |
|---|---|
| HEX | #000000 |
| RGB | value |
| CMYK | 0-0-0-100 |
| Pantone C | Process Black C |
| Pantone U | Process Black U |
| RAL | 9005 |
| HOPI White | |
|---|---|
| HEX | #ffffff |
| RGB | value |
| CMYK | 0-0-0-0 |
| Pantone C | Trans White |
| Pantone U | Trans White |
| RAL | 9016 |
Swatches
ASE
hopi-palette.ase | 138 B
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…) |