Registrieren Registrieren
Synthwave City

Synthwave City

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Synthwave City

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Lebendig 8 Farben Kühl Gemischt Analog scifi retro 80s retrowave
Likes 44
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #F36688;
  --c-vibrant-2: #DA3182;
  --c-vibrant-3: #9E316B;
  --c-vibrant-4: #BB3AD3;
  --c-vibrant-5: #684DDA;
  --c-vibrant-6: #5033DB;
  --c-vibrant-7: #261A5A;
  --c-vibrant-8: #1A1044;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Jellyfish Sting (#F36688) bis zum dunkelsten Ton Shadow Planet (#1A1044). Sie vereint Jellyfish Sting, Sensual Climax, Scarlet Flame, Eupatorium Purple, Majorelle Blue, Grape Hyacinth, Night Fog und Shadow Planet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F36688 auf #1A1044 mit 5,88:1.

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

Farben im Detail

Jellyfish Sting #F36688
RGB
rgb(243, 102, 136)
HSL
hsl(346, 85%, 68%)
Luminanz
0,303
Sensual Climax #DA3182
RGB
rgb(218, 49, 130)
HSL
hsl(331, 70%, 52%)
Luminanz
0,187
Scarlet Flame #9E316B
RGB
rgb(158, 49, 107)
HSL
hsl(328, 53%, 41%)
Luminanz
0,105
Eupatorium Purple #BB3AD3
RGB
rgb(187, 58, 211)
HSL
hsl(291, 63%, 53%)
Luminanz
0,183
Majorelle Blue #684DDA
RGB
rgb(104, 77, 218)
HSL
hsl(251, 66%, 58%)
Luminanz
0,133
Grape Hyacinth #5033DB
RGB
rgb(80, 51, 219)
HSL
hsl(250, 70%, 53%)
Luminanz
0,092
Night Fog #261A5A
RGB
rgb(38, 26, 90)
HSL
hsl(251, 55%, 23%)
Luminanz
0,019
Shadow Planet #1A1044
RGB
rgb(26, 16, 68)
HSL
hsl(252, 62%, 16%)
Luminanz
0,010

Kontrast & Barrierefreiheit

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

Aa #F36688 auf #1A1044 5,88:1 AA
Aa #F36688 auf #261A5A 5,13:1 AA
Aa #DA3182 auf #1A1044 3,95:1 AA (großer Text)
Aa #BB3AD3 auf #1A1044 3,88:1 AA (großer Text)
Aa #DA3182 auf #261A5A 3,44:1 AA (großer Text)
Aa #BB3AD3 auf #261A5A 3,38:1 AA (großer Text)
Aa #684DDA auf #1A1044 3,05:1 AA (großer Text)
Aa #684DDA auf #261A5A 2,66:1 Nicht bestanden
Aa #9E316B auf #1A1044 2,58:1 Nicht bestanden
Aa #F36688 auf #5033DB 2,49:1 Nicht bestanden
Aa #5033DB auf #1A1044 2,36:1 Nicht bestanden
Aa #F36688 auf #9E316B 2,28:1 Nicht bestanden
Aa #9E316B auf #261A5A 2,25:1 Nicht bestanden
Aa #5033DB auf #261A5A 2,06:1 Nicht bestanden
Aa #F36688 auf #684DDA 1,93:1 Nicht bestanden
Aa #DA3182 auf #5033DB 1,67:1 Nicht bestanden
Aa #BB3AD3 auf #5033DB 1,64:1 Nicht bestanden
Aa #DA3182 auf #9E316B 1,53:1 Nicht bestanden
Aa #F36688 auf #BB3AD3 1,52:1 Nicht bestanden
Aa #9E316B auf #BB3AD3 1,50:1 Nicht bestanden
Aa #F36688 auf #DA3182 1,49:1 Nicht bestanden
Aa #DA3182 auf #684DDA 1,29:1 Nicht bestanden
Aa #684DDA auf #5033DB 1,29:1 Nicht bestanden
Aa #BB3AD3 auf #684DDA 1,27:1 Nicht bestanden
Aa #9E316B auf #684DDA 1,18:1 Nicht bestanden
Aa #261A5A auf #1A1044 1,15:1 Nicht bestanden
Aa #9E316B auf #5033DB 1,09:1 Nicht bestanden
Aa #DA3182 auf #BB3AD3 1,02:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben