Colors
On this page
Main colours
These main colours create the basic visual character of the brand.
| Visualbook Red | |
|---|---|
| HEX | #fe1a3f |
| RGB | value |
| CMYK | 0-89-75-0 |
| Pantone C | Bright Red C |
| Pantone U | – |
| RAL | 3028 |
| Visualbook Black | |
|---|---|
| HEX | #000000 |
| RGB | value |
| CMYK | 0-0-0-100 |
| Pantone C | Process Black C |
| Pantone U | Process Black U |
| RAL | 9005 |
Secondary colours
Colours used in the application environment (UI - User Interface) and on the web.
| CTA |
|---|
| #0f62fe |
| value |
| Info |
|---|
| #c7e3ff |
| value |
| Error |
|---|
| #fe1b3f |
| value |
| Success |
|---|
| #27bc6a |
| value |
Colour palettes
Colour palettes allow us to create digital environments (apps, web) with sufficient contrast and accessibility of all elements.
Info 100
#031724Info 90
#03293DInfo 80
#073D59Info 70
#00587FInfo 60
#0077AAInfo 50
#3196D0Info 40
#60B0E8Info 30
#96CCFAInfo 20
#C7E3FFInfo 10
#EBF5FFInfo 00
#F8FAFDCool Gray 100
#121619Cool Gray 90
#21272ACool Gray 80
#343A3FCool Gray 70
#4D5358Cool Gray 60
#697077Cool Gray 50
#878D96Cool Gray 40
#A2A9B0Cool Gray 30
#C1C7CDCool Gray 20
#DDE1E6Cool Gray 10
#F2F4F8Cool Gray 00
#fafafaColour transitions
Examples of gradients used within a brand.
Visualbook Red
Info 20
CTA
Info 20
Visualbook Red
CTA
Gray 100
Gray 70
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? |
Colour ratios
Proportional use of colour within the visual style.
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…) |