Solution Architect Design Spectrum

Architect Red
#d72638
Blueprint Blue
#1f3c88
Structural Gray
#7e7e7e
Cloud White
#f6f6f6
Optimization Orange
#ff9f1c
Insight Teal
#2ec4b6

La paleta consta de Luz colores. Colores de acento Blueprint Blue #1f3c88 y Optimization Orange #ff9f1c. La paleta tiene temperatura de color Cálido, Frío, Neutral.

Por luminosidad, la paleta va de #1F3C88 (más oscuro) a #F6F6F6 (más claro). El rango de luminosidad es amplio.

La saturación global se siente viva (croma alto).

Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).

Las notas cálidas y frías están bastante equilibradas.

Códigos HEX (ordenados): #1F3C88, #2EC4B6, #7E7E7E, #D72638, #F6F6F6, #FF9F1C

La paleta Solution Architect Design Spectrum tiene una combinación de colores de códigos de 6:

HEX: #d72638, RGB: (215, 38, 56); HEX: #1f3c88, RGB: (31, 60, 136); HEX: #7e7e7e, RGB: (126, 126, 126)

HEX: #f6f6f6, RGB: (246, 246, 246); HEX: #ff9f1c, RGB: (255, 159, 28); HEX: #2ec4b6, RGB: (46, 196, 182)

Versión simplificada de la paleta de colores

Sombra de crimson, Matiz de darkslateblue, Matiz de Gris, Sombra de whitesmoke, Matiz de Naranja, Matiz de mediumturquoise

El esquema de color fue creado por colorday

Más paletas con:

Códigos de colores en la paleta

Solution Architect Design Spectrum códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#d72638	#d72638	RGB(215, 38, 56)	Architect Red	—
#1f3c88	#1f3c88	RGB(31, 60, 136)	Blueprint Blue	—
#7e7e7e	#7e7e7e	RGB(126, 126, 126)	Structural Gray	Aged Moustache Grey
#f6f6f6	#f6f6f6	RGB(246, 246, 246)	Cloud White	—
#ff9f1c	#ff9f1c	RGB(255, 159, 28)	Optimization Orange	—
#2ec4b6	#2ec4b6	RGB(46, 196, 182)	Insight Teal	—

Contraste de la paleta de colores

5 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.

Color de texto	Color de fondo	Relación de contraste
#d72638	#7e7e7e	1.22
#7e7e7e	#ff9f1c	1.97
#7e7e7e	#2ec4b6	1.87
#f6f6f6	#ff9f1c	1.89
#ff9f1c	#2ec4b6	1.05

Paleta de imágenes Solution Architect Design Spectrum png

Solution Architect Design Spectrum - #566787

--color-architect-red:	#d72638;
--color-blueprint-blue:	#1f3c88;
--color-structural-gray:	#7e7e7e;
--color-cloud-white:	#f6f6f6;
--color-optimization-orange:	#ff9f1c;
--color-insight-teal:	#2ec4b6;

$color-architect-red:	#d72638;
$color-blueprint-blue:	#1f3c88;
$color-structural-gray:	#7e7e7e;
$color-cloud-white:	#f6f6f6;
$color-optimization-orange:	#ff9f1c;
$color-insight-teal:	#2ec4b6;

@color-architect-red:	#d72638;
@color-blueprint-blue:	#1f3c88;
@color-structural-gray:	#7e7e7e;
@color-cloud-white:	#f6f6f6;
@color-optimization-orange:	#ff9f1c;
@color-insight-teal:	#2ec4b6;