Mobile user experience phone web colors palette
- Cyan (Process)#0cbade
- Medium Sky Blue#81e3f8
- Medium Electric Blue#065a8e
- Dark Blue-Gray#5c6b9c
- Wild Blue Yonder#a0bccc
- Brunswick Green#284c3d
Criado em 11/03/2022 17:45
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Cyan (Process) #0cbade e Medium Electric Blue #065a8e. A paleta tem Frio temperatura de cores.
Em luminosidade, a paleta vai de #284C3D (mais escuro) a #81E3F8 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Os tons ficam em uma região do círculo cromático, abrangendo cerca de 71°.
No geral, a temperatura tende para o frio (6 de 6).
Códigos HEX (ordenados): #065A8E, #0CBADE, #284C3D, #5C6B9C, #81E3F8, #A0BCCC
A paleta Mobile user experience phone web colors palette combina 6 códigos de cor:
HEX: #0cbade, RGB: (12, 186, 222); HEX: #81e3f8, RGB: (129, 227, 248); HEX: #065a8e, RGB: (6, 90, 142)
HEX: #5c6b9c, RGB: (92, 107, 156); HEX: #a0bccc, RGB: (160, 188, 204); HEX: #284c3d, RGB: (40, 76, 61)
Versão simplificada das cores da paleta
Tom escuro de Azul-céu-profundo, Tom claro de Azul-céu, Tom escuro de Azul-royal, Tom claro de Azul-royal, Tom escuro de Azul-aço-claro, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Mobile user experience phone web colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #0cbade | #0cbade | RGB(12, 186, 222) | Cyan (Process) | — |
| #81e3f8 | #81e3f8 | RGB(129, 227, 248) | Medium Sky Blue | — |
| #065a8e | #065a8e | RGB(6, 90, 142) | Medium Electric Blue | — |
| #5c6b9c | #5c6b9c | RGB(92, 107, 156) | Dark Blue-Gray | — |
| #a0bccc | #a0bccc | RGB(160, 188, 204) | Wild Blue Yonder | — |
| #284c3d | #284c3d | RGB(40, 76, 61) | Brunswick Green | — |
Contraste da paleta de cores
6 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 |
|---|---|---|
#0cbade | #81e3f8 | 1.56 |
#0cbade | #a0bccc | 1.16 |
#81e3f8 | #a0bccc | 1.35 |
#065a8e | #5c6b9c | 1.41 |
#065a8e | #284c3d | 1.3 |
#5c6b9c | #284c3d | 1.84 |
Paleta de imagens Mobile user experience phone web colors palette png
Exportar paleta
Baixe a "Mobile user experience phone web colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: