Colores web: UCI / Hipotecas

Índice

1 Variables de color compartidas entre plantillas de UCI e Hipotecas
2 Referencias de color según manual corporativo web en UCI

1Variables de color compartidas entre plantillas de UCI e Hipotecas

A la izquierda color UCI, a la derecha color correspondiente en Hipotecas

PAleta de Colores general

--color-primary

#ffffff

--color-secondary

#191919

--color-secondary-light

#d8d8d8

#26d07c

--color-tertiary

#ffdc60

#ce0f69

---color-tertiary-dark

#f6c927

#ae0b58

--color-quaternary

#f9f9f9

---color-quinary

#e2e2e2

--color-accent

#e4002b

#00635b

---color-accent-dark

#910048

#26d07c

--color-accent-dark-secondary

#a81818

---color-accent-dark-tertiary

#890f0f

#00534c

--color-accent-light

#ffecdc

#fae6ea

PAleta de Colores Texto

--color-text

#191919

--color-text-secondary

#191919

--color-text-light

#d8d8d8

#26d07c

--color-text-tertiary

#ffdc60

#ce0f69

--color-text-quaternary

#ffecdc

#fae6ea

PAleta de Colores de estado

--color-hover-accent-dark

#6d0034

#11af61

--color-hover-accent-light

#f9c6d1

#eed8c7

--color-disabled

#cdcdcd

--color-danger

#e4002b

--color-warning

#f6c927

--color-valid

#2ec988

2Referencias de color según manual corporativo web en UCI

Color Corporativo principal 1

#E4032C

#e4032ccc

#e4032c99

#f49aab

#ffcdd5

Color Corporativo principal 2

#910048

#a7336d

#bd6691

#d399b6

#e9ccda

Color Corporativo secundario

#00635B

#33827c

#66a19d

#99c1bd

#cce0de

Color Corporativo de apoyo

#F9E5D7

#faeadf

#fbefe7

#fdf5ef

#fefaf7

Color CTA

#FFDB62