Color
Colores corporativos
Estos son los colores corporativos base que forman parte del Manual de Marca UdeC.
Azul
#223C6A
rgb(37, 61, 91)
C100/M74/Y38/K30
Pantone 541 C
Amarillo
#EF9618
rgb(217, 151, 44)
C4/M48/Y94/K0
Pantone 871 C
Rojo
#BA152A
rgb(186, 22, 43)
C7/M100/Y87/K0
Pantone 485 C
Gris
#8F8C8C
rgb(143, 140, 140)
C43/M36/Y35/K15
Pantone 877 C
Negro
#000000
rgb(0, 0, 0)
C0/M0/Y0/K0
100% Negro
Paleta de colores digitales
A partir de los colores corporativos se define una paleta cromática más amplia, con tonos de colores azules y amarillos, junto con colores neutros y usos para feedback de pantalla.
Primarios
Neutrales
Feedback
Variaciones disponibles
Listado de colores completo, con todas las variaciones disponibles.
/* Global colors */
:root {
--color-feedback-green-200: #b6decb;
--color-feedback-green-600: #2b9467;
--color-feedback-red-100: var(--color-secondary-red-100);
--color-feedback-red-600: var(--color-secondary-red-600);
--color-feedback-yellow-200: var(--color-primary-yellow-200);
--color-feedback-yellow-600: var(--color-primary-yellow-600);
--color-neutral-gray-100: #dddddd;
--color-neutral-gray-200: #d2d1d1;
--color-neutral-gray-300: #bcbaba;
--color-neutral-gray-400: #a5a3a3;
--color-neutral-gray-50: #f4f4f4;
--color-neutral-gray-500: #8f8c8c;
--color-neutral-gray-600: #727070;
--color-neutral-gray-700: #565454;
--color-neutral-gray-800: #2b2a2a;
--color-neutral-gray-900: #0e0e0e;
--color-neutral-white-0: #ffffff;
--color-primary-blue-100: #a6b6d3;
--color-primary-blue-200: #8598b9;
--color-primary-blue-300: #64799e;
--color-primary-blue-400: #435b84;
--color-primary-blue-50: #c7d5ed;
--color-primary-blue-500: #223c6a;
--color-primary-blue-600: #1b3055;
--color-primary-blue-700: #142440;
--color-primary-blue-800: #0e182a;
--color-primary-blue-900: #070c15;
--color-primary-yellow-100: #fadfba;
--color-primary-yellow-200: #f9d5a3;
--color-primary-yellow-300: #f5c074;
--color-primary-yellow-400: #f2ab46;
--color-primary-yellow-50: #fdf5e8;
--color-primary-yellow-500: #ef9618;
--color-primary-yellow-600: #bf7813;
--color-primary-yellow-700: #8f5a0e;
--color-primary-yellow-800: #603c0a;
--color-primary-yellow-900: #301e05;
--color-secondary-red-100: #f0cbd0;
--color-secondary-red-200: #e39ea6;
--color-secondary-red-300: #d5707d;
--color-secondary-red-400: #c84353;
--color-secondary-red-50: #f7e2e4;
--color-secondary-red-500: #ba152a;
--color-secondary-red-600: #951122;
--color-secondary-red-700: #700d19;
--color-secondary-red-800: #4a0811;
--color-secondary-red-900: #250408;}
Primarios
