Help productdesign ui branding colours

Cyber Yellow
#fad207
Pastel Yellow
#fcf495
Chinese Black
#0c0c24
Bronze (Metallic)
#a48b56
Cadet Blue (Crayola)
#a7a5c0
Dark Puce
#4c3c3f

La paleta consta de Luz, Oscuro colores. Colores de acento Cyber Yellow #fad207 y Chinese Black #0c0c24. La paleta tiene temperatura de color Cálido, Neutral, Frío.

Por luminosidad, la paleta va de #0C0C24 (más oscuro) a #FCF495 (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 cálido.

Códigos HEX (ordenados): #0C0C24, #4C3C3F, #A48B56, #A7A5C0, #FAD207, #FCF495

La paleta Help productdesign ui branding colours tiene una combinación de colores de códigos de 6:

HEX: #fad207, RGB: (250, 210, 7); HEX: #fcf495, RGB: (252, 244, 149); HEX: #0c0c24, RGB: (12, 12, 36)

HEX: #a48b56, RGB: (164, 139, 86); HEX: #a7a5c0, RGB: (167, 165, 192); HEX: #4c3c3f, RGB: (76, 60, 63)

Versión simplificada de la paleta de colores

Matiz de gold, Sombra de Caqui, Sombra de Negro, Sombra de darkgoldenrod, Matiz de lightsteelblue, Matiz de dimgrey

El esquema de color fue creado por colorswall

Más paletas con:

Códigos de colores en la paleta

Help productdesign ui branding colours códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#fad207	#fad207	RGB(250, 210, 7)	Cyber Yellow	—
#fcf495	#fcf495	RGB(252, 244, 149)	Pastel Yellow	—
#0c0c24	#0c0c24	RGB(12, 12, 36)	Chinese Black	—
#a48b56	#a48b56	RGB(164, 139, 86)	Bronze (Metallic)	—
#a7a5c0	#a7a5c0	RGB(167, 165, 192)	Cadet Blue (Crayola)	—
#4c3c3f	#4c3c3f	RGB(76, 60, 63)	Dark Puce	—

Contraste de la paleta de colores

4 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
#fad207	#fcf495	1.29
#fad207	#a7a5c0	1.62
#0c0c24	#4c3c3f	1.85
#a48b56	#a7a5c0	1.37

Paleta de imágenes Help productdesign ui branding colours png

Help productdesign ui branding colours - #188665

--color-cyber-yellow:	#fad207;
--color-pastel-yellow:	#fcf495;
--color-chinese-black:	#0c0c24;
--color-bronze-metallic:	#a48b56;
--color-cadet-blue-crayola:	#a7a5c0;
--color-dark-puce:	#4c3c3f;

$color-cyber-yellow:	#fad207;
$color-pastel-yellow:	#fcf495;
$color-chinese-black:	#0c0c24;
$color-bronze-metallic:	#a48b56;
$color-cadet-blue-crayola:	#a7a5c0;
$color-dark-puce:	#4c3c3f;

@color-cyber-yellow:	#fad207;
@color-pastel-yellow:	#fcf495;
@color-chinese-black:	#0c0c24;
@color-bronze-metallic:	#a48b56;
@color-cadet-blue-crayola:	#a7a5c0;
@color-dark-puce:	#4c3c3f;