Details ui design ux sharing colours
- Blue (RYB)#115cf5
- Pale Cornflower Blue#b4d4fa
- Catalina Blue#052d7f
- Taupe Gray#84848c
- Gray (X11)#bcbcbc
- Quartz#4c4c4c
Criado em 12/09/2022 14:13
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Catalina Blue #052d7f e Gray (X11) #bcbcbc. A paleta tem Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #052D7F (mais escuro) a #B4D4FA (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 8°.
No geral, a temperatura tende para o frio (3 de 6).
Códigos HEX (ordenados): #052D7F, #115CF5, #4C4C4C, #84848C, #B4D4FA, #BCBCBC
A paleta Details ui design ux sharing colours combina 6 códigos de cor:
HEX: #115cf5, RGB: (17, 92, 245); HEX: #b4d4fa, RGB: (180, 212, 250); HEX: #052d7f, RGB: (5, 45, 127)
HEX: #84848c, RGB: (132, 132, 140); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #4c4c4c, RGB: (76, 76, 76)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom claro de Azul-aço-claro, Tom claro de Azul-meia-noite, Tom claro de Cinza, Tom escuro de Prata, Tom escuro de Cinza-fosco
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Details ui design ux sharing colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #115cf5 | #115cf5 | RGB(17, 92, 245) | Blue (RYB) | — |
| #b4d4fa | #b4d4fa | RGB(180, 212, 250) | Pale Cornflower Blue | — |
| #052d7f | #052d7f | RGB(5, 45, 127) | Catalina Blue | — |
| #84848c | #84848c | RGB(132, 132, 140) | Taupe Gray | — |
| #bcbcbc | #bcbcbc | RGB(188, 188, 188) | Gray (X11) | — |
| #4c4c4c | #4c4c4c | RGB(76, 76, 76) | Quartz | — |
Contraste da paleta de cores
5 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 |
|---|---|---|
#115cf5 | #84848c | 1.46 |
#115cf5 | #4c4c4c | 1.58 |
#b4d4fa | #bcbcbc | 1.24 |
#052d7f | #4c4c4c | 1.44 |
#84848c | #bcbcbc | 1.95 |
Paleta de imagens Details ui design ux sharing colours png
Exportar paleta
Baixe a "Details ui design ux sharing colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: