Color
El color es un elemento fundamental a la hora de comunicar la personalidad de nuestra marca. El uso correcto de nuestra paleta de colores es fundamental para mantener una imagen coherente.
La paleta de color principal de Bankinter está formada por cinco colores únicos: naranja, blanco, amarillo, azul y negro.
| Somos naranja | blanco | amarillo | azul | y negro |
|---|---|---|---|---|
|
cmyk 0 75 100 0 rgb 255 141 48 hex #FF8D30 |
cmyk 0 0 0 0 rgb 255 255 255 hex #FFFFFF |
Pantone 1225 cmyk 0 17 81 0 rgb 254 210 39 hex #FED227 |
Pantone 4628 cmyk 25 0 0 6 rgb 183 240 240 hex #B7F0F0 |
Pantone 433 cmyk 11 4 0 89 rgb 33 36 37 hex #212425 |
Colores especiales
Aplicables a Bankinter Patrimonial, Bankinter Investment y Entorno Family office.
RGB 175, 98, 0
CMYK 0 44 100 31
Pantone 7565C
RGB 104, 123, 84
CMYK 16 0 32 51
Pantone 2265C
RGB 44, 72, 89
CMYK 73 45 24 66
Pantone 7546C
Uso del color
El uso del color también afecta a la identificación y comprensión de la información, por ello es básico utilizar combinaciones entre texto y fondo, que favorezcan un mínimo de contraste visual, así como la combinación de colores sin texto.
El contraste visual es la relación entre la luminancia de un elemento y la del fondo.
En el caso de que el elemento que se sitúa por delante del fondo sea un texto, la relación mínima debe ser de al menos 4,5:1
Sin embargo, si el texto tiene unas dimensiones grandes (18 pt o más; 14 pt en negrita), la relación de contraste requerida es menor, más concretamente de 3:1.
Combinaciones de texto y colores de fondo
El texto en blanco se usa sobre el fondo negro y sobre fondos rellenos de colores especiales (Banca Patrimonial, Bankinter Invesment y Family Office).
En el caso de los enlaces, se aplica la norma anterior. Únicamente se da una excepción con el fondo blanco, en este caso el color del enlace se establece mediante el naranja para enlaces.
Tabla colores
|
Color
Fondo
Texto
|
Negro
|
Blanco
|
Enlaces
|
||||||
|---|---|---|---|---|---|---|---|---|---|
|
Negro
#212425
|
|||||||||
|
Blanco
#FFFFFF
|
Texto
AAA
17.6
|
Texto
AA
5.2
|
|||||||
|
Naranja
#FF8D30
|
Texto
AAA
7.1
|
Texto
AAA
7.1
|
|||||||
|
Azul
#B7F0F0
|
Texto
AAA
13
|
Texto
AAA
13
|
|||||||
|
Amarillo
#FED227
|
Texto
AAA
11
|
Texto
AAA
11
|
|||||||
|
Banca Patrimonial
#AF6200
|
Texto
AA
4.5
|
Texto
AA
4.5
|
|||||||
|
Bankinter Invesment
#687B54
|
Texto
AA
4.5
|
Texto
AA
4.5
|
|||||||
|
Family Office
#2C4859
|
Texto
AAA
10
|
Texto
AAA
10
|
|||||||
|
Naranja enlaces
#C05600
|
|||||||||