Colors

Main colors

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

Visualbook Red
HEX
#ff4c50
RGBrgb(255,76,80)
CMYK0-85-65-0
Pantone C178 C
Pantone U032 U
Visualbook Black
HEX
#000000
RGBrgb(0,0,0)
CMYK0-0-0-100
Pantone CProcess Black C
Pantone UProcess Black U
Light Blue
HEX
#c7e3ff
RGBrgb(199,227,255)
CMYK19-4-0-100
Pantone CN/A
Pantone UN/A
Light Yellow
HEX
#FFEBB8
RGBrgb(255,235,184)
CMYK1-6-32-0
Pantone CN/A
Pantone UN/A

Secondary colors

Colors used in the application environment (UI - User Interface) and on the web.

CTA

#0f62fe

Info

#c7e3ff

Error

#ff4c50

Success

#27bc6a

Certificate

#fff8ec

Color ratio

Proportional use of colors within the visual style.

Light theme

Dark theme

Color palette

Color palettes allow us to build a digital environment (applications, web) with regard to sufficient contrast and accessibility of all elements.

Gray 100

#141619

Gray 90

#23262b

Gray 80

#363940

Gray 70

#4f525f

Gray 60

#6b6f7e

Gray 50

#898e9e

Gray 40

#a4a8b8

Gray 30

#c3c6d4

Gray 20

#dddfe8

Gray 10

#f3f3f6

Gray 00

#fafafa

Info 100

#031724

Info 90

#03293d

Info 80

#073d59

Info 70

#00587f

Info 60

#0077aa

Info 50

#3196d0

Info 40

#60b0e8

Info 30

#96ccfa

Info 20

#c7e3ff

Info 10

#ebf5ff

Info 00

#f8fafd

Gradients

Examples of gradients used within a brand.

Visualbook Red

#ff4c50

Info 20

#c7e3ff

CTA

#ff4c50

Info 20

#c7e3ff

Gray 80

#363940

Gray 50

#898e9e

Color modes

Color modes define the color scheme we choose for the logo to achieve the correct display on both screens and in print.

Color mode 
What is it?
Example
Usage
HEXRGB equivalent (hexadecimal) #000000
WEBHTMLCSS
RGBColor space for screens rgb(100, 100, 100)
WEBHTMLCSS
CMYK
Color space for print
10-10-10-10
PRINT
Pantone
Direct colors for printing
1100 C
PRINT

Choosing color mode

Suitable logo color mode:
RGB logo
CMYK logo
Pantone logo
The logo will be on the screen (web, mobile, presentation…)


The logo will be printed (business card, leaflet…)