Criado em 09/25/2024 15:41
Tangivo-Warm-Blue
- White#ffffff
- Light-wb050#f9f9fd
- Light-wb100#edeefb
- Light-wb150#e1e3f9
- Light-wb200#d6d8f6
- Light-wb300#bfc3f2
- Light-wb400#a8aded
- Light-wb500#9098e9
- Light-wb600#7982e4
- Light-wb700#626de0
- Matriz-wb800#4b57db
- Dark-wb700#414cbf
- Dark-wb600#3841a3
- Dark-wb500#2e3687
- Dark-wb400#242a6a
- Dark-wb300#1a1f4e
- Dark-wb200#111432
- Dark-wb150#0c0f24
- Dark-wb100#070916
- Dark-wb050#020308
- Black#000000
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque White #ffffff e Light-wb700 #626de0. A paleta tem Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #000000 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #000000, #020308, #070916, #0C0F24, #111432, #1A1F4E, #242A6A, #2E3687, #3841A3, #414CBF, #4B57DB, #626DE0, #7982E4, #9098E9, #A8ADED, #BFC3F2, #D6D8F6, #E1E3F9, #EDEEFB, #F9F9FD, #FFFFFF
A paleta Tangivo-Warm-Blue tem uma combinação de cores de códigos de 21:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f9f9fd, RGB: (249, 249, 253); HEX: #edeefb, RGB: (237, 238, 251)
HEX: #e1e3f9, RGB: (225, 227, 249); HEX: #d6d8f6, RGB: (214, 216, 246); HEX: #bfc3f2, RGB: (191, 195, 242)
HEX: #a8aded, RGB: (168, 173, 237); HEX: #9098e9, RGB: (144, 152, 233); HEX: #7982e4, RGB: (121, 130, 228)
HEX: #626de0, RGB: (98, 109, 224); HEX: #4b57db, RGB: (75, 87, 219); HEX: #414cbf, RGB: (65, 76, 191)
HEX: #3841a3, RGB: (56, 65, 163); HEX: #2e3687, RGB: (46, 54, 135); HEX: #242a6a, RGB: (36, 42, 106)
HEX: #1a1f4e, RGB: (26, 31, 78); HEX: #111432, RGB: (17, 20, 50); HEX: #0c0f24, RGB: (12, 15, 36)
HEX: #070916, RGB: (7, 9, 22); HEX: #020308, RGB: (2, 3, 8); HEX: #000000, RGB: (0, 0, 0)
Versão simplificada das cores da paleta
Branco, Sombra de ghostwhite, Matiz de ghostwhite, Matiz de lavender, Matiz de lavender, Sombra de lightsteelblue, Matiz de lightsteelblue, Sombra de cornflowerblue, Matiz de cornflowerblue, Sombra de royalblue, Matiz de slateblue, Matiz de slateblue, Sombra de darkslateblue, Matiz de darkslateblue, Sombra de midnightblue, Matiz de midnightblue, Matiz de midnightblue, Sombra de Preto, Sombra de Preto, Sombra de Preto, Preto
O esquema de cores foi criado por Saulo Assis
Códigos de cores na paleta
Tangivo-Warm-Blue códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f9f9fd | #f9f9fd | RGB(249, 249, 253) | Light-wb050 | — |
| #edeefb | #edeefb | RGB(237, 238, 251) | Light-wb100 | — |
| #e1e3f9 | #e1e3f9 | RGB(225, 227, 249) | Light-wb150 | — |
| #d6d8f6 | #d6d8f6 | RGB(214, 216, 246) | Light-wb200 | — |
| #bfc3f2 | #bfc3f2 | RGB(191, 195, 242) | Light-wb300 | — |
| #a8aded | #a8aded | RGB(168, 173, 237) | Light-wb400 | — |
| #9098e9 | #9098e9 | RGB(144, 152, 233) | Light-wb500 | — |
| #7982e4 | #7982e4 | RGB(121, 130, 228) | Light-wb600 | — |
| #626de0 | #626de0 | RGB(98, 109, 224) | Light-wb700 | — |
| #4b57db | #4b57db | RGB(75, 87, 219) | Matriz-wb800 | Warm Blue |
| #414cbf | #414cbf | RGB(65, 76, 191) | Dark-wb700 | — |
| #3841a3 | #3841a3 | RGB(56, 65, 163) | Dark-wb600 | — |
| #2e3687 | #2e3687 | RGB(46, 54, 135) | Dark-wb500 | — |
| #242a6a | #242a6a | RGB(36, 42, 106) | Dark-wb400 | — |
| #1a1f4e | #1a1f4e | RGB(26, 31, 78) | Dark-wb300 | — |
| #111432 | #111432 | RGB(17, 20, 50) | Dark-wb200 | — |
| #0c0f24 | #0c0f24 | RGB(12, 15, 36) | Dark-wb150 | — |
| #070916 | #070916 | RGB(7, 9, 22) | Dark-wb100 | — |
| #020308 | #020308 | RGB(2, 3, 8) | Dark-wb050 | Ninja |
| #000000 | #000000 | RGB(0, 0, 0) | Black | — |
Contraste da Paleta de Cores
67 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 |
#ffffff | #f9f9fd | 1.05 |
#ffffff | #edeefb | 1.15 |
#ffffff | #e1e3f9 | 1.26 |
#ffffff | #d6d8f6 | 1.39 |
#ffffff | #bfc3f2 | 1.7 |
#f9f9fd | #edeefb | 1.09 |
Paleta de imagens Tangivo-Warm-Blue png
Exportar paleta
Baixe a "Tangivo-Warm-Blue" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: