User experience health interaction design healthcare palette

  • #fbcb35
  • #f6da94
  • #14242c
  • #4daea6
  • #c3c1c0
  • #5c3c3c
  0.28k

User experience health interaction design healthcare palette tiene 6 colores de muchos tonos distintos. El color más claro es Mocasín (#F6DA94) y el más oscuro, Negro (#14242C). La pareja con más contraste es #14242C sobre #F6DA94 (11.6:1, WCAG AAA).

Creado en 05/06/2020 20:58
La paleta consta de Claro, Oscuro, semioscuro colores. Colores de acento #fbcb35 y #4daea6. La paleta tiene temperatura de color Cálido, Frío, Neutral.

Por luminosidad, la paleta va de #14242C (más oscuro) a #F6DA94 (más claro). El rango de luminosidad es amplio.

Saturación mixta: 2 apagados y 2 vivos de 6 colores.

Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.

En conjunto, la temperatura de color tiende al cálido (3 de 6).

Códigos HEX (ordenados): #14242C, #4DAEA6, #5C3C3C, #C3C1C0, #F6DA94, #FBCB35

La paleta User experience health interaction design healthcare palette combina 6 códigos de color:
HEX: #fbcb35, RGB: (251, 203, 53); HEX: #f6da94, RGB: (246, 218, 148); HEX: #14242c, RGB: (20, 36, 44)
HEX: #4daea6, RGB: (77, 174, 166); HEX: #c3c1c0, RGB: (195, 193, 192); HEX: #5c3c3c, RGB: (92, 60, 60)
Versión simplificada de la paleta de colores
Tono oscuro de Oro, Tono oscuro de Mocasín, Tono claro de Negro, Tono claro de Verde mar claro, Tono claro de Plata, Tono claro de Granate
El esquema de color fue creado por colorswall

Códigos de colores en la paleta

User experience health interaction design healthcare palette códigos de color HEX, información RGB en la tabla

ColorHEXRGBNombrenombre alternativo
#fbcb35#fbcb35RGB(251, 203, 53)——
#f6da94#f6da94RGB(246, 218, 148)——
#14242c#14242cRGB(20, 36, 44)——
#4daea6#4daea6RGB(77, 174, 166)——
#c3c1c0#c3c1c0RGB(195, 193, 192)——
#5c3c3c#5c3c3cRGB(92, 60, 60)——

Contraste de la paleta de colores

7 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de textoColor de fondoRelación de contraste
#fbcb35
#f6da94
1.12
#fbcb35
#4daea6
1.72
#fbcb35
#c3c1c0
1.16
#f6da94
#4daea6
1.94
#f6da94
#c3c1c0
1.31
#14242c
#5c3c3c
1.64

Paleta de imágenes User experience health interaction design healthcare palette png