Builder badge lettering type
- Metallic Orange#dc6b0c
- Cookies And Cream#e5d9a4
- Space Cadet#20254f
- Gray (HTML/CSS Gray)#7c7c7c
- Grullo#9a9587
- Outer Space#42445a
Criado em 07/27/2022 11:26
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque Metallic Orange #dc6b0c e Space Cadet #20254f. A paleta tem Quente, Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #20254F (mais escuro) a #E5D9A4 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #20254F, #42445A, #7C7C7C, #9A9587, #DC6B0C, #E5D9A4
A paleta Builder badge lettering type combina 6 códigos de cor:
HEX: #dc6b0c, RGB: (220, 107, 12); HEX: #e5d9a4, RGB: (229, 217, 164); HEX: #20254f, RGB: (32, 37, 79)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #9a9587, RGB: (154, 149, 135); HEX: #42445a, RGB: (66, 68, 90)
Versão simplificada das cores da paleta
Tom claro de Chocolate, Tom escuro de Vara-dourada-pálida, Tom claro de Azul-meia-noite, Tom escuro de Cinza, Tom escuro de Cinza-escuro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Builder badge lettering type códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #dc6b0c | #dc6b0c | RGB(220, 107, 12) | Metallic Orange | — |
| #e5d9a4 | #e5d9a4 | RGB(229, 217, 164) | Cookies And Cream | — |
| #20254f | #20254f | RGB(32, 37, 79) | Space Cadet | — |
| #7c7c7c | #7c7c7c | RGB(124, 124, 124) | Gray (HTML/CSS Gray) | — |
| #9a9587 | #9a9587 | RGB(154, 149, 135) | Grullo | — |
| #42445a | #42445a | RGB(66, 68, 90) | Outer Space | — |
Contraste da paleta de cores
4 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 |
|---|---|---|
#dc6b0c | #7c7c7c | 1.22 |
#dc6b0c | #9a9587 | 1.14 |
#20254f | #42445a | 1.53 |
#7c7c7c | #9a9587 | 1.39 |
Paleta de imagens Builder badge lettering type png
Exportar paleta
Baixe a "Builder badge lettering type" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: