Ux health user experience figma

  • #06c388
  • #7ad0e8
  • #239a72
  • #99b262
  • #cfddb8
  • #377273
  0.22k

Ux health user experience figma tiene 6 colores de muchos tonos distintos. El color más claro es Amarillo vara de oro claro (#CFDDB8) y el más oscuro, Verde azulado (#377273). La pareja con más contraste es #377273 sobre #CFDDB8 (3.8:1, WCAG AA para texto grande).

Creado en 05/17/2021 21:00
La paleta consta de Claro, semioscuro colores. Colores de acento #06c388 y #7ad0e8. La paleta tiene temperatura de color Frío.

Por luminosidad, la paleta va de #377273 (más oscuro) a #CFDDB8 (más claro). El rango de luminosidad es moderado.

La saturación está en un rango medio, con un promedio del 55% en la paleta.

Los tonos se mantienen en una zona de la rueda de color y abarcan unos 114°.

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

Códigos HEX (ordenados): #06C388, #239A72, #377273, #7AD0E8, #99B262, #CFDDB8

La paleta Ux health user experience figma combina 6 códigos de color:
HEX: #06c388, RGB: (6, 195, 136); HEX: #7ad0e8, RGB: (122, 208, 232); HEX: #239a72, RGB: (35, 154, 114)
HEX: #99b262, RGB: (153, 178, 98); HEX: #cfddb8, RGB: (207, 221, 184); HEX: #377273, RGB: (55, 114, 115)
Versión simplificada de la paleta de colores
Tono oscuro de Verde mar medio, Tono oscuro de Azul cielo, Tono claro de Verde mar, Tono oscuro de Caqui oscuro, Tono oscuro de Amarillo vara de oro claro, Tono claro de Verde azulado
El esquema de color fue creado por colorswall

Códigos de colores en la paleta

Ux health user experience figma códigos de color HEX, información RGB en la tabla

ColorHEXRGBNombrenombre alternativo
#06c388#06c388RGB(6, 195, 136)——
#7ad0e8#7ad0e8RGB(122, 208, 232)——
#239a72#239a72RGB(35, 154, 114)——
#99b262#99b262RGB(153, 178, 98)——
#cfddb8#cfddb8RGB(207, 221, 184)——
#377273#377273RGB(55, 114, 115)——

Contraste de la paleta de colores

9 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de textoColor de fondoRelación de contraste
#06c388
#7ad0e8
1.31
#06c388
#239a72
1.54
#06c388
#99b262
1.03
#06c388
#cfddb8
1.6
#7ad0e8
#99b262
1.35
#7ad0e8
#cfddb8
1.22

Paleta de imágenes Ux health user experience figma png