Colors

On this page

Main colours

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

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip
Firefish Red
#E6413E
Black
#1E1F1F
Firefish Red
rgb(230, 65, 62)
Black
rgb(30, 31, 31)
Firefish Red
0/85/73/0
Black
40/30/30/100
Firefish Red
Red 032 C
Black
Black C
Firefish Red
N/A
Black
N/A
Firefish Red
N/A
Black
N/A
Firefish Red
N/A
Black
N/A
Firefish Red
N/A
Black
N/A

Secondary colours

Colours used in the application environment (UI – User Interface) and on the web.

RGB
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip
Green
#1BE419
Green
rgb(27, 228, 25)
Green
N/A
Green
N/A
Green
N/A
Green
N/A
Green
N/A
Green
N/A

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