Accessible Tailwind Dashboard Theme
- Tailwind Teal#14b8a6
- Panel Bone#f5f5f4
- Text Navy#1e293b
- Widget Gold#facc15
- Hover Rose#fca5a5
- Darkmode Gray#0f172a
Criado em 06/09/2025 15:34
A paleta consiste em cores Claro, Escuro. Cores de destaque Tailwind Teal #14b8a6 e Widget Gold #facc15. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #0F172A (mais escuro) a #F5F5F4 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (3 de 6).
Códigos HEX (ordenados): #0F172A, #14B8A6, #1E293B, #F5F5F4, #FACC15, #FCA5A5
A paleta Accessible Tailwind Dashboard Theme combina 6 códigos de cor:
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #f5f5f4, RGB: (245, 245, 244); HEX: #1e293b, RGB: (30, 41, 59)
HEX: #facc15, RGB: (250, 204, 21); HEX: #fca5a5, RGB: (252, 165, 165); HEX: #0f172a, RGB: (15, 23, 42)
Versão simplificada das cores da paleta
Tom escuro de Verde-mar-claro, Tom escuro de Fumaça-branca, Tom claro de Azul-meia-noite, Tom escuro de Dourado, Tom escuro de Rosa-claro, Tom claro de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Accessible Tailwind Dashboard Theme códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
6 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 |
|---|---|---|
#14b8a6 | #facc15 | 1.62 |
#14b8a6 | #fca5a5 | 1.31 |
#f5f5f4 | #facc15 | 1.4 |
#f5f5f4 | #fca5a5 | 1.73 |
#1e293b | #0f172a | 1.22 |
#facc15 | #fca5a5 | 1.23 |
Paleta de imagens Accessible Tailwind Dashboard Theme png
Exportar paleta
Baixe a "Accessible Tailwind Dashboard Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: