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
#E69B0A
rgb(230, 155, 10)
C14/M47/Y94/K0
Pantone 130 C
Rojo
#D21428
rgb(210, 20, 40)
C19/M98/Y88/K0
Pantone 485 C
Gris
#A0A0A0
rgb(160, 160, 160)
C44/M33/Y34/K0
Pantone Cool Grey 6 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-50: #F5F5F5;
--color-neutral-gray-100: #E6E6E6;
--color-neutral-gray-200: #D1D1D1;
--color-neutral-gray-300: #BDBDBD;
--color-neutral-gray-400: #ABABAB;
--color-neutral-gray-500: #A0A0A0;
--color-neutral-gray-600: #808080;
--color-neutral-gray-700: #5E5E5E;
--color-neutral-gray-800: #383838;
--color-neutral-gray-900: #1A1A1A;
--color-neutral-white-0: #ffffff;
--color-primary-blue-50: #c7d5ed;
--color-primary-blue-100: #a6b6d3;
--color-primary-blue-200: #8598b9;
--color-primary-blue-300: #64799e;
--color-primary-blue-400: #435b84;
--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-50: #F6F4EE;
--color-primary-yellow-100: #ECDFC5;
--color-primary-yellow-200: #E8CC96;
--color-primary-yellow-300: #EAB653;
--color-primary-yellow-400: #EFA71A;
--color-primary-yellow-500: #E69B0A;
--color-primary-yellow-600: #B57C0D;
--color-primary-yellow-700: #825A0C;
--color-primary-yellow-800: #5B400B;
--color-primary-yellow-900: #34250A;
--color-secondary-red-50: #F5EFF0;
--color-secondary-red-100: #ECD5D7;
--color-secondary-red-200: #E0ADB3;
--color-secondary-red-300: #D67680;
--color-secondary-red-400: #D83243;
--color-secondary-red-500: #D21428;
--color-secondary-red-600: #991523;
--color-secondary-red-700: #6D131C;
--color-secondary-red-800: #470F15;
--color-secondary-red-900: #270C0F;}
Primarios
