To-do check list ui design colors
- Button Blue#27ace3
- Blueberry#5681f7
- Cyan Cornflower Blue#1c93bc
- Café Au Lait#a77a56
- Desert Sand#ddccb5
- Yankees Blue#192736
Criado em 01/31/2022 10:48
A paleta consiste em cores Claro, Escuro. Cores de destaque Blueberry #5681f7 e Desert Sand #ddccb5. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #192736 (mais escuro) a #DDCCB5 (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio, com uma média de 58% na paleta.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #192736, #1C93BC, #27ACE3, #5681F7, #A77A56, #DDCCB5
A paleta To-do check list ui design colors combina 6 códigos de cor:
HEX: #27ace3, RGB: (39, 172, 227); HEX: #5681f7, RGB: (86, 129, 247); HEX: #1c93bc, RGB: (28, 147, 188)
HEX: #a77a56, RGB: (167, 122, 86); HEX: #ddccb5, RGB: (221, 204, 181); HEX: #192736, RGB: (25, 39, 54)
Versão simplificada das cores da paleta
Tom escuro de Azul-céu-profundo, Tom escuro de Azul-centáurea, Tom escuro de Azul-aço, Tom escuro de Peru, Tom escuro de Biscoito, Tom claro de Azul-meia-noite
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
To-do check list ui design colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #27ace3 | #27ace3 | RGB(39, 172, 227) | Button Blue | — |
| #5681f7 | #5681f7 | RGB(86, 129, 247) | Blueberry | — |
| #1c93bc | #1c93bc | RGB(28, 147, 188) | Cyan Cornflower Blue | — |
| #a77a56 | #a77a56 | RGB(167, 122, 86) | Café Au Lait | — |
| #ddccb5 | #ddccb5 | RGB(221, 204, 181) | Desert Sand | — |
| #192736 | #192736 | RGB(25, 39, 54) | Yankees Blue | — |
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 | Razão de contraste |
|---|---|---|
#27ace3 | #5681f7 | 1.37 |
#27ace3 | #1c93bc | 1.36 |
#27ace3 | #a77a56 | 1.45 |
#27ace3 | #ddccb5 | 1.65 |
#5681f7 | #1c93bc | 1.01 |
#5681f7 | #a77a56 | 1.05 |
Paleta de imagens To-do check list ui design colors png
Exportar paleta
Baixe a "To-do check list ui design colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: