Paleta primaria
La paleta principal de Grupo SURA está compuesta por el Azul Profundo, el Blanco y el Aqua. A estos 3 colores se suman el Gris Oscuro y el Gris Claro como colores de apoyo. Estos 2 colores son para uso exclusivo en cuerpos de texto y para fondos con degradado.
Azul profundo
HEX: #001E60
- Pantone 2757 C
- RGB: 0, 30, 96
- CMYK: 100, 91, 30, 32
Blanco
HEX: #FFFFFF
- Pantone White
- RGB: 255, 255, 255
- CMYK: 0, 0, 0, 0
Aqua
HEX: #05C3DE
- Pantone 311 C
- RGB: 5, 195, 222
- CMYK: 71, 0, 12, 0
Colores para uso exclusivo en cuerpos de texto y fondos degradados.
Gris Oscuro
HEX: #484949
- Pantone 446 C
- RGB: 72, 73, 73
- CMYK: 72, 58, 60, 44
Gris Claro
HEX: #DAE0E8
- Pantone 649 C
- RGB: 218, 224, 232
- CMYK: 14, 7, 4, 0
Proporción de uso del color
Fondo azul
Los materiales deben contar con un mínimo de 55% de color Azul Profundo, seguido en menor proporción el uso del color blanco. El color Aqua y Gris Claro, funcionan como acentos de color.
Fondo blanco
Los materiales deben contar con un mínimo de 55% de color blanco, seguido en menor proporción el uso del color Azul Profundo. El color Aqua y Gris Oscuro, funcionan como acentos de color.
Ejemplos
Estos ejemplos muestran el uso correcto de los porcentajes de color con fondo azul y con fondo blanco.
Fondo azul
Fondo blanco
Usos incorrectos
Fondo azul
Fondo blanco
Paleta secundaria
La paleta secundaria de color, se desarrolló para implementarse únicamente en gráficas con un gran número de datos.
- HEX: #2a5b6c
- Pantone 2181 C
- RGB: 42, 91, 108
- CMYK: 89, 42, 29, 50
- HEX: #0093b2
- Pantone 632 C
- RGB: 0, 147, 178
- CMYK: 93, 2, 15, 7
- HEX: #256ba2
- Pantone 2151 C
- RGB: 37, 107, 162
- CMYK: 93, 51, 6, 4
- HEX: #0047bb
- Pantone 2728 C
- RGB: 0, 71, 187
- CMYK: 90, 68, 0, 0
- HEX: #5c88da
- Pantone 2718 C
- RGB: 92, 136, 218
- CMYK: 65, 45, 0, 0
- HEX: #69b3e7
- Pantone 292 C
- RGB: 105, 179, 231
- CMYK: 59, 11, 0, 0
- HEX: #77c5d5
- Pantone 630 C
- RGB: 119, 197, 213
- CMYK: 48, 0, 10, 0
- HEX: #cedc00
- Pantone 381 C
- RGB: 206, 220, 0
- CMYK: 25, 0, 98, 0
- HEX: #978c87
- Pantone 408 C
- RGB: 151, 140, 135
- CMYK: 12, 19, 19, 40
- HEX: #d7d2cb
- Pantone Warm Gray 1 C
- RGB: 215, 210, 203
- CMYK: 3, 3, 6, 7
Usos de la paleta secundaria
Ejemplos
Usos incorrectos
Paleta complementaria
La paleta complementaria solo se usa cuando los colores de la paleta secundaria no son suficientes para diferenciar la información, como en el caso de gráficas con muchos datos. Esta paleta se utiliza a partir de que sea necesario implementar más de 11 colores diferentes.
- HEX: #ffd100
- Pantone 109 C
- RGB: 255, 209, 0
- CMYK: 0, 9, 100, 0
- HEX: #ea7600
- Pantone 716 C
- RGB: 234, 118, 0
- CMYK: 0, 61, 99, 0
- HEX: #b7312c
- Pantone 7620 C
- RGB: 183, 49, 44
- CMYK: 0, 95, 94, 28
- HEX: #c6579a
- Pantone 674 C
- RGB: 198, 87, 154
- CMYK: 16, 83, 0, 0
- HEX: #7a4183
- Pantone 7662 C
- RGB: 122, 65, 131
- CMYK: 60, 87, 5, 0
- HEX: #703f2a
- Pantone 478 C
- RGB: 112, 63, 42
- CMYK: 19, 79, 84, 61
- HEX: #f6eb61
- Pantone 100 C
- RGB: 246, 235, 97
- CMYK: 0, 0, 56, 0
- HEX: #fecb8b
- Pantone 148 C
- RGB: 236, 195, 178
- CMYK: 0, 20, 21, 0
- HEX: #ecc3b2
- Pantone 489 C
- RGB: 236, 195, 178
- CMYK: 0, 20, 21, 0
- HEX: #f8bed6
- Pantone 2036 C
- RGB: 248, 190, 214
- CMYK: 0, 29, 1, 0
- HEX: #dfc8e7
- Pantone 531 C
- RGB: 223, 200, 231
- CMYK: 9, 24, 0, 0
- HEX: #cdb5a7
- Pantone 4745 C
- RGB: 205, 181, 167
- CMYK: 5, 22, 23, 14