Colores
Identidad visual
Paleta de colores primaria
Los colores de la marca TxDOT son una de las mejores herramientas para asegurar la alineación visual con la marca. Utiliza estos colores para asegurar la coherencia entre materiales digitales e impresos.
Azul
HEX: #0056a9
RGB: 0 / 86 / 169
CMYK: 100 / 69 / 0 / 0
Impresión Pantone: PMSc 2388, PMSu 2196
Tejido Pantone: PMS 19-4053 TCX
Ficha de color: Azul 50
Blanco
HEX: #ffffff
RGB: 255 / 255 / 255
CMYK: 0 / 0 / 0 / 0
Ficha de color: Gris 0
Rojo
HEX: #d90d0d
RGB: 217 / 13 / 13
CMYK: 9 / 100 / 100 / 2
Pantone: 3546
Ficha de color: Rojo 50
Para productos digitales que se alinean con el sistema de diseño digital, consulta la página de Color para tokens detallados, paletas y directrices de uso.
Proporción de color
El uso constante del color es importante al crear materiales de marca TxDOT. A continuación se muestran dos opciones que ilustran la cantidad de cada color que debe tener un artículo de marca, utilizando los colores de la paleta de colores principales. Consulta muestras de marca para ver la proporción de color en uso.
Opción de proporción de color 1
- Color primario: 60% azul
- Color secundario 30% blanco
- Color de acento: 10% rojo
Opción de proporción de color 2
- Color primario: 60% blanco
- Color secundario 30% azul
- Color de acento: 10% rojo
Paleta de colores secundaria
El azul es el color principal de TxDOT y una parte integral de nuestra marca. Se desarrolló una paleta de colores secundaria para apoyar la amplia variedad de necesidades de comunicación y marca. La paleta de colores secundaria se seleccionó cuidadosamente para adaptarse a la paleta de colores primaria.
Mejores prácticas:
- Utiliza colores secundarios como acentos en la paleta primaria, no como color dominante.
- Utiliza un color secundario, si es necesario, además de la paleta de colores primaria.
- Para visualizaciones de datos o mapas GIS, utiliza paletas de colores disponibles en el sitio interno de la Comunidad de Práctica de Tableau de TxDOT.
Accesible en negro
Marrón claro
HEX: #c5bbaa
RGB: 197 / 187 / 170
CMYK: 19 / 20 / 23 / 0
Pantone: 7528
Gris claro
HEX: #dadee5
RGB: 218 / 222 / 229
CMYK: 13 / 8 / 5 / 0
Pantone: Gris Frío 1 XGC
Amarillo claro
HEX: #f2ce1b
RGB: 242 / 206 / 27
CMYK: 0 / 10 / 98 / 0
Pantone: PMSc 116, PMSu 115
Ficha de color: Amarillo 50
Naranja claro
HEX: #df5c16
RGB: 223 / 92 / 22
CMYK: 0 / 74 / 100 / 0
Pantone: 021
Ficha de color: Naranja 50
Verde claro
HEX: #8ec02d
RGB: 142 / 192 / 45
CMYK: 49 / 0 / 100 / 0
Pantone: 2286
Accesible en blanco
Verde oscuro
HEX: #196533
RGB: 25 / 101 / 51
CMYK: 85 / 3 / 91 / 44
Pantone: 349
Púrpura oscuro
HEX: #5f0f40
RGB: 95 / 15 / 64
CMYK: 26 / 100 / 0 / 57
Pantone: 2357
Azul oscuro
HEX: #002e69
RGB: 0 / 46 / 105
CMYK: 100 / 63 / 0 / 67
Pantone: 295
Ficha de color: Azul 80
Gris oscuro
HEX: #333f48
RGB: 51 / 63 / 72
CMYK: 78 / 57 / 39 / 56
Pantone: 432
Degradado de color
Cuando se necesite un degradado, utiliza azules de las paletas de colores primaria y secundaria (fichas de color: Azul 50 y Azul 80).