Colors – HOPI Holding

Colors

Main colours

These main colours create the basic visual character of the brand.

HOPI Green
#007D32
HOPI Black
#000000
HOPI White
#FFFFFF
HOPI Green
rgb(0, 125, 50)
HOPI Black
rgb(0, 0, 0)
HOPI White
rgb(255, 255, 255)
HOPI Green
95-0-100-27
HOPI Black
0-0-0-100
HOPI White
0-0-0-0
HOPI Green
356 C
HOPI Black
Process Black C
HOPI White
Trans White
HOPI Green
356 U
HOPI Black
Process Black U
HOPI White
Trans White
HOPI Green
6032
HOPI Black
9005
HOPI White
9016
HOPI Green
N/A
HOPI Black
N/A
HOPI White
N/A
HOPI Green
N/A
HOPI Black
N/A
HOPI White
N/A

Swatches

ASE

hopi-palette.ase | 138 B

Download

Contrast control

Check the contrast between foreground and background colours to ensure that text, headings and buttons are legible according to accessibility standards.

Resulting contrast

21.00

Small text

Less than 18pt or 14pt bold
AAA

Large text

At least 18pt or 14pt bold
AAA

UI components

Graphical objects and UI components
AA

Explore this color combination on color.review or coolors.co

Color modes

Color modes (HEX, RGB, CMYK, Pantone, RAL, NCS, 3M) represent different color definition systems used in various media and technologies. The table below explains their usage for proper logo display on screens, in print, or physical materials.

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
RAL
Color matching system RAL for physical objects  INDUSTRIAL
NCS
Natural Color System NCS based on human perception  INDUSTRIALDESIGN
3M
Vinyl wrap system 3M for wraps and signage  SIGNAGE