Dark Mode UX Analytics Suite

Insight Indigo
#3d348b
Data Gold
#ffb627
Session Slate
#2c2c2c
Retention Teal
#3fb8af
Funnel Frost
#e8eded
Metric Maroon
#6a0572

La paleta consta de Luz, Oscuro colores. Colores de acento Data Gold #ffb627 y Retention Teal #3fb8af. La paleta tiene temperatura de color Frío, Cálido, Neutral.

Por luminosidad, la paleta va de #2C2C2C (más oscuro) a #E8EDED (más claro). El rango de luminosidad es amplio.

Saturación mixta: algunos colores apagados y acentos más vivos.

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

En conjunto, la temperatura de color tiende al frío.

Códigos HEX (ordenados): #2C2C2C, #3D348B, #3FB8AF, #6A0572, #E8EDED, #FFB627

La paleta Dark Mode UX Analytics Suite tiene una combinación de colores de códigos de 6:

HEX: #3d348b, RGB: (61, 52, 139); HEX: #ffb627, RGB: (255, 182, 39); HEX: #2c2c2c, RGB: (44, 44, 44)

HEX: #3fb8af, RGB: (63, 184, 175); HEX: #e8eded, RGB: (232, 237, 237); HEX: #6a0572, RGB: (106, 5, 114)

Versión simplificada de la paleta de colores

Matiz de darkslateblue, Sombra de Naranja, Sombra de Negro, Sombra de lightseagreen, Matiz de whitesmoke, Matiz de Púrpura

El esquema de color fue creado por raccoon

Más paletas con:

Códigos de colores en la paleta

Dark Mode UX Analytics Suite códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#3d348b	#3d348b	RGB(61, 52, 139)	Insight Indigo	—
#ffb627	#ffb627	RGB(255, 182, 39)	Data Gold	—
#2c2c2c	#2c2c2c	RGB(44, 44, 44)	Session Slate	—
#3fb8af	#3fb8af	RGB(63, 184, 175)	Retention Teal	—
#e8eded	#e8eded	RGB(232, 237, 237)	Funnel Frost	—
#6a0572	#6a0572	RGB(106, 5, 114)	Metric Maroon	—

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
#3d348b	#2c2c2c	1.37
#3d348b	#6a0572	1.09
#ffb627	#3fb8af	1.37
#ffb627	#e8eded	1.48
#2c2c2c	#6a0572	1.24

Paleta de imágenes Dark Mode UX Analytics Suite png

--color-insight-indigo:	#3d348b;
--color-data-gold:	#ffb627;
--color-session-slate:	#2c2c2c;
--color-retention-teal:	#3fb8af;
--color-funnel-frost:	#e8eded;
--color-metric-maroon:	#6a0572;

$color-insight-indigo:	#3d348b;
$color-data-gold:	#ffb627;
$color-session-slate:	#2c2c2c;
$color-retention-teal:	#3fb8af;
$color-funnel-frost:	#e8eded;
$color-metric-maroon:	#6a0572;

@color-insight-indigo:	#3d348b;
@color-data-gold:	#ffb627;
@color-session-slate:	#2c2c2c;
@color-retention-teal:	#3fb8af;
@color-funnel-frost:	#e8eded;
@color-metric-maroon:	#6a0572;