Accessible Tailwind Dashboard Theme
- Tailwind Teal#14b8a6
- Panel Bone#f5f5f4
- Text Navy#1e293b
- Widget Gold#facc15
- Hover Rose#fca5a5
- Darkmode Gray#0f172a
Erstellt am 06/09/2025 15:34
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Tailwind Teal #14b8a6 und Widget Gold #facc15. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #0F172A (dunkelstes) bis #F5F5F4 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 1 gedämpfte und 3 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (3 von 6).
HEX-Codes (sortiert): #0F172A, #14B8A6, #1E293B, #F5F5F4, #FACC15, #FCA5A5
Die Palette Accessible Tailwind Dashboard Theme kombiniert 6 Farbcodes:
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)
Vereinfachte Version der Palettenfarben
Schattierung von Helles Seegrün, Schattierung von Rauchweiß, Aufhellung von Mitternachtsblau, Schattierung von Gold, Schattierung von Hellrosa, Aufhellung von Schwarz
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Accessible Tailwind Dashboard Theme Farbcodes HEX, RGB-Informationen in der Tabelle
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#14b8a6 | #facc15 | 1.62 |
#14b8a6 | #fca5a5 | 1.31 |
#f5f5f4 | #facc15 | 1.4 |
#f5f5f4 | #fca5a5 | 1.73 |
#1e293b | #0f172a | 1.22 |
#facc15 | #fca5a5 | 1.23 |
Bildpalette Accessible Tailwind Dashboard Theme png
Palette exportieren
Laden Sie die "Accessible Tailwind Dashboard Theme" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: