Registrieren Registrieren
Synthetic 80s

Synthetic 80s

Palette mit 7 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Synthetic 80s

Palette mit 7 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten
Lebendig 7 Farben Warm Dunkel Komplementär
Likes 18
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #E46018;
  --c-vibrant-2: #FCB800;
  --c-vibrant-3: #008894;
  --c-vibrant-4: #004058;
  --c-vibrant-5: #290D28;
  --c-vibrant-6: #9D2496;
  --c-vibrant-7: #DB24D4;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton King Nacho (#FCB800) bis zum dunkelsten Ton Dark Prom Queen (#290D28). Sie vereint Blazon Skies, King Nacho, Curaçao Blue, Maniac Mansion, Dark Prom Queen, Acai Juice und Demonic Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCB800 auf #290D28 mit 10,14:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Blazon Skies #E46018
RGB
rgb(228, 96, 24)
HSL
hsl(21, 81%, 49%)
Luminanz
0,249
King Nacho #FCB800
RGB
rgb(252, 184, 0)
HSL
hsl(44, 100%, 49%)
Luminanz
0,550
Curaçao Blue #008894
RGB
rgb(0, 136, 148)
HSL
hsl(185, 100%, 29%)
Luminanz
0,198
Maniac Mansion #004058
RGB
rgb(0, 64, 88)
HSL
hsl(196, 100%, 17%)
Luminanz
0,044
Dark Prom Queen #290D28
RGB
rgb(41, 13, 40)
HSL
hsl(302, 52%, 11%)
Luminanz
0,009
Acai Juice #9D2496
RGB
rgb(157, 36, 150)
HSL
hsl(303, 63%, 38%)
Luminanz
0,106
Demonic Purple #DB24D4
RGB
rgb(219, 36, 212)
HSL
hsl(302, 72%, 50%)
Luminanz
0,211

Kontrast & Barrierefreiheit

3 von 21 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #FCB800 auf #290D28 10,14:1 AAA
Aa #FCB800 auf #004058 6,40:1 AA
Aa #E46018 auf #290D28 5,06:1 AA
Aa #290D28 auf #DB24D4 4,41:1 AA (großer Text)
Aa #008894 auf #290D28 4,19:1 AA (großer Text)
Aa #FCB800 auf #9D2496 3,84:1 AA (großer Text)
Aa #E46018 auf #004058 3,19:1 AA (großer Text)
Aa #004058 auf #DB24D4 2,78:1 Nicht bestanden
Aa #008894 auf #004058 2,64:1 Nicht bestanden
Aa #290D28 auf #9D2496 2,64:1 Nicht bestanden
Aa #FCB800 auf #008894 2,42:1 Nicht bestanden
Aa #FCB800 auf #DB24D4 2,30:1 Nicht bestanden
Aa #E46018 auf #FCB800 2,00:1 Nicht bestanden
Aa #E46018 auf #9D2496 1,91:1 Nicht bestanden
Aa #004058 auf #9D2496 1,67:1 Nicht bestanden
Aa #9D2496 auf #DB24D4 1,67:1 Nicht bestanden
Aa #004058 auf #290D28 1,59:1 Nicht bestanden
Aa #008894 auf #9D2496 1,58:1 Nicht bestanden
Aa #E46018 auf #008894 1,21:1 Nicht bestanden
Aa #E46018 auf #DB24D4 1,15:1 Nicht bestanden
Aa #008894 auf #DB24D4 1,05:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben