Ux health user experience figma
- #06c388
- #7ad0e8
- #239a72
- #99b262
- #cfddb8
- #377273
Ux health user experience figma tem 6 cores de muitas tonalidades diferentes. A cor mais clara é Amarelo-vara-dourada-claro (#CFDDB8) e a mais escura, Azul-petróleo (#377273). O par com maior contraste é #377273 sobre #CFDDB8 (3.8:1, WCAG AA para texto grande).
Criado em 05/17/2021 21:00
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #06c388 e #7ad0e8. A paleta tem Frio temperatura de cores.
Em luminosidade, a paleta vai de #377273 (mais escuro) a #CFDDB8 (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio, com uma média de 55% na paleta.
Os tons ficam em uma região do círculo cromático, abrangendo cerca de 114°.
No geral, a temperatura tende para o frio (6 de 6).
Códigos HEX (ordenados): #06C388, #239A72, #377273, #7AD0E8, #99B262, #CFDDB8
A paleta Ux health user experience figma combina 6 códigos de cor:
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)
Versão simplificada das cores da paleta
Tom escuro de Verde-mar-médio, Tom escuro de Azul-céu, Tom claro de Verde-mar, Tom escuro de Cáqui-escuro, Tom escuro de Amarelo-vara-dourada-claro, Tom claro de Azul-petróleo
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ux health user experience figma códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
9 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão 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 imagens Ux health user experience figma png
Exportar paleta
Baixe a "Ux health user experience figma" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: