Colors – eHOPI

Colors

Main colours

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
N/A
HOPI black
N/A
HOPI white
N/A
HOPI green
N/A
HOPI black
N/A
HOPI white
N/A
HOPI green
N/A
HOPI black
N/A
HOPI white
N/A
HOPI green
N/A
HOPI black
N/A
HOPI white
N/A
HOPI green
N/A
HOPI black
N/A
HOPI white
N/A
HOPI green
N/A
HOPI black
N/A
HOPI white
N/A

Contrast control

Check the contrast between foreground and background colours to ensure that text, headings, and buttons are legible in accordance with 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