Tailwind drop visual editor ux colours
- #425cf9
- #82bcf1
- #711816
- #af8569
- #d8b9a6
- #2c365a
Criado em 09/08/2021 15:41
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque #425cf9 e #711816. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #2C365A (mais escuro) a #D8B9A6 (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio, com uma média de 57% na paleta.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).
Códigos HEX (ordenados): #2C365A, #425CF9, #711816, #82BCF1, #AF8569, #D8B9A6
A paleta Tailwind drop visual editor ux colours combina 6 códigos de cor:
HEX: #425cf9, RGB: (66, 92, 249); HEX: #82bcf1, RGB: (130, 188, 241); HEX: #711816, RGB: (113, 24, 22)
HEX: #af8569, RGB: (175, 133, 105); HEX: #d8b9a6, RGB: (216, 185, 166); HEX: #2c365a, RGB: (44, 54, 90)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom escuro de Azul-céu-claro, Tom claro de Bordô, Tom escuro de Peru, Tom claro de Castanho-claro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Tailwind drop visual editor ux colours códigos de cores HEX, informações RGB na tabela
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 |
|---|---|---|
#425cf9 | #af8569 | 1.54 |
#82bcf1 | #af8569 | 1.63 |
#82bcf1 | #d8b9a6 | 1.09 |
#711816 | #2c365a | 1.03 |
#af8569 | #d8b9a6 | 1.78 |
Paleta de imagens Tailwind drop visual editor ux colours png
Exportar paleta
Baixe a "Tailwind drop visual editor ux colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: