Criado em 06/13/2025 10:26
Mobile UX Story Mapper
Onboarding Apricot
#ffbc80
Persona Slate
#2c3e50
Flowchart White
#f8fafc
Tap Signal Blue
#4ba3c7
User Path Lilac
#c4a7e7
Card Border Grey
#e1e5ea
A paleta consiste em cores Luz. Cores de destaque Onboarding Apricot #ffbc80 e User Path Lilac #c4a7e7. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
A paleta Mobile UX Story Mapper tem uma combinação de cores de códigos de 6:
HEX: #ffbc80, RGB: (255, 188, 128); HEX: #2c3e50, RGB: (44, 62, 80); HEX: #f8fafc, RGB: (248, 250, 252)
HEX: #4ba3c7, RGB: (75, 163, 199); HEX: #c4a7e7, RGB: (196, 167, 231); HEX: #e1e5ea, RGB: (225, 229, 234)
Versão simplificada das cores da paleta
Sombra de sandybrown, Matiz de darkslateblue, Sombra de whitesmoke, Matiz de deepskyblue, Matiz de plum, Sombra de gainsboro
O esquema de cores foi criado por hex
Códigos de cores na paleta
Mobile UX Story Mapper códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffbc80 | #ffbc80 | RGB(255, 188, 128) | Onboarding Apricot | — |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | Persona Slate | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Flowchart White | — |
| #4ba3c7 | #4ba3c7 | RGB(75, 163, 199) | Tap Signal Blue | — |
| #c4a7e7 | #c4a7e7 | RGB(196, 167, 231) | User Path Lilac | — |
| #e1e5ea | #e1e5ea | RGB(225, 229, 234) | Card Border Grey | — |
Contraste da Paleta de Cores
7 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#ffbc80 | #f8fafc | 1.57 |
#ffbc80 | #4ba3c7 | 1.73 |
#ffbc80 | #c4a7e7 | 1.27 |
#ffbc80 | #e1e5ea | 1.3 |
#f8fafc | #e1e5ea | 1.2 |
#4ba3c7 | #c4a7e7 | 1.36 |
