Colores institucionales
UNIVERSIDAD DE EXTREMADURA
La paleta cromática de la Universidad de Extremadura reúne los colores que identifican su comunicación visual y digital. En esta sección se incluyen sus valores técnicos, combinaciones recomendadas y criterios de accesibilidad para garantizar una aplicación coherente en soportes impresos, sitios web, aplicaciones y demás entornos institucionales.
Paleta principal
Amarillo institucional
Pantone 7409C
RGB: R: 244 / G: 178 / B: 35
CMYK: C: 3% / M: 34% / Y: 90% / K: 0%
HEX: #f4b223
Uso recomendado
- Logotipo e identidad institucional.
- Fondos destacados.
- Bandas, líneas y elementos ornamentales.
- Botones con texto negro.
- Resaltados gráficos que no transmitan información únicamente mediante el color.
Advertencia de accesibilidad
El amarillo institucional no debe utilizarse como color de texto sobre fondo blanco ni para enlaces, iconos o controles interactivos cuando no alcance el contraste mínimo exigido. Sobre fondo amarillo deberá emplearse texto negro o un tono oscuro que cumpla, como mínimo, el nivel AA.
Escala color amarillo institucional
100 %
#F4B223
90 %
#F5BA39
80 %
#F6C14F
70 %
#F7C965
60 %
#F8D17B
50 %
#FAD891
40 %
#FBE0A7
30 %
#FCE8BD
20 %
#FDF0D3
10 %
#FEF7E9
Negro institucional
Pantone Neutral Black C
RGB: R: 34 / G: 34 / B: 34
CMYK: C: 74% / M: 64% / Y: 59% / K: 78%
HEX: #222222
Escala color negro institucional
100 %
#222222
90 %
#383838
80 %
#4E4E4E
70 %
#646464
60 %
#7A7A7A
50 %
#909090
40 %
#A7A7A7
30 %
#BDBDBD
20 %
#D3D3D3
10 %
#E9E9E9
Uso recomendado
- Texto principal.
- Encabezados.
- Elementos de navegación.
- Fondos oscuros.
- Versiones monocromas de la marca.
Este negro suavizado es preferible al negro puro #000000 para grandes superficies y textos extensos, ya que mantiene un contraste elevado sin resultar visualmente tan duro.
Verde institucional
Pantone 339C
RGB: R: 0 / G: 177 / B: 137
CMYK: C: 80%/ M: 0%/ Y: 58%/ K: 0%
HEX: #00b189
Verde institucional
100 %
#00B189
90 %
#19B995
80 %
#33C1A1
70 %
#4DC8AC
60 %
#66D0B8
50 %
#80D8C4
40 %
#99E0D0
30 %
#B2E8DC
20 %
#CCEFE7
10 %
#E6F7F3
El verde institucional define la referencia cromática institucional. Para determinados elementos funcionales de interfaz podrá utilizarse una variante digital más oscura, siempre que esté expresamente definida y permita alcanzar los niveles de contraste requeridos.
Advertencia escalas tonales
Las escalas tonales amplían las posibilidades de aplicación de la paleta institucional mediante mezclas progresivas con blanco. Estas variaciones pueden utilizarse en fondos, superficies, gráficos y elementos de apoyo, pero no sustituyen a los colores principales ni deben emplearse sin comprobar previamente su contraste y legibilidad.
*ADVERTENCIA: En entornos digitales, las tonalidades claras se reservarán principalmente para fondos y elementos decorativos. Para textos, enlaces, iconos y controles interactivos deberá utilizarse una combinación que alcance el nivel de contraste exigido por WCAG. No todas las tonalidades deben considerarse aptas para texto, aunque estén dentro de la escala oficial.
Paleta para entornos digitales
En entornos digitales, los colores no deben utilizarse únicamente por su valor identificativo, sino también según la función que desempeñan dentro de la interfaz. La aplicación cromática deberá permitir distinguir contenidos, acciones, estados y niveles de información sin comprometer la legibilidad ni la accesibilidad.
Amarillo variante digital accesible
100 %
#BF8B13
90 %
#C5992B
80 %
#CAA643
70 %
#D0B45B
60 %
#D6C173
50 %
#DFC58A
40 %
#E5D4A2
30 %
#EBE2BA
20 %
#F2EFD1
10 %
#F8F7E8
Verde variante digital accesible
100 %
#0B8068
90 %
#238D77
80 %
#3C9986
70 %
#54A695
60 %
#6DB3A4
50 %
#85C0B4
40 %
#9DCCC3
30 %
#B6D9D2
20 %
#CEE6E1
10 %
#E7F2F0
Recursos para desarrolladores
:root{
/* Colores institucionales */
--color-primary:#f4b223; /* Amarillo institucional */
--color-primary-web:#bf8b13;/* Amarillo accesible */
--color-secondary:#00b189; /* Verde institucional */
--color-secondary-web:#0b8068; /* Verde accesible */
/* Colores base */
--color-text:#222222; /* Negro institucional */
--color-background:#ffffff;
--color-border:#d9d9d9;
--color-surface:#f1f4f8;
/* Estados */
--color-link:var(--color-secondary-web);
--color-hover:var(--color-secondary-web);
--color-focus:var(--color-secondary-web);Estas variables CSS constituyen la paleta recomendada para el desarrollo de sitios web, aplicaciones y plataformas digitales de la Universidad de Extremadura.