Dialup Sunset

Dialup Sunset

Palette mit 8 Farben · Warm · Hell · Harmonie: Analog

Dialup Sunset

Palette mit 8 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten
Lebendig 8 Farben Warm Hell Analog retro retrowave synthwave vapourwave
Likes 93
Farben 8


CSS-Variablen

:root {
  --c-vibrant-1: #FFD7D7;
  --c-vibrant-2: #F0A6A6;
  --c-vibrant-3: #FF708B;
  --c-vibrant-4: #CD5981;
  --c-vibrant-5: #824882;
  --c-vibrant-6: #B26E9B;
  --c-vibrant-7: #DD94D2;
  --c-vibrant-8: #EBCBEB;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton We Peep (#FFD7D7) bis zum dunkelsten Ton Vibrant Orchid (#824882). Sie vereint We Peep, Calabrese, Blush Hour, Lipstick, Vibrant Orchid, Mulberry Bush, Crepe Myrtle und Bubblegum Crisis in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFD7D7 auf #824882 mit 4,99:1.

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


Farben im Detail

We Peep #FFD7D7
RGB
rgb(255, 215, 215)
HSL
hsl(0, 100%, 92%)
Luminanz
0,748
Calabrese #F0A6A6
RGB
rgb(240, 166, 166)
HSL
hsl(0, 71%, 80%)
Luminanz
0,486
Blush Hour #FF708B
RGB
rgb(255, 112, 139)
HSL
hsl(349, 100%, 72%)
Luminanz
0,347
Lipstick #CD5981
RGB
rgb(205, 89, 129)
HSL
hsl(339, 54%, 58%)
Luminanz
0,217
Vibrant Orchid #824882
RGB
rgb(130, 72, 130)
HSL
hsl(300, 29%, 40%)
Luminanz
0,110
Mulberry Bush #B26E9B
RGB
rgb(178, 110, 155)
HSL
hsl(320, 31%, 56%)
Luminanz
0,230
Crepe Myrtle #DD94D2
RGB
rgb(221, 148, 210)
HSL
hsl(309, 52%, 72%)
Luminanz
0,412
Bubblegum Crisis #EBCBEB
RGB
rgb(235, 203, 235)
HSL
hsl(300, 44%, 86%)
Luminanz
0,664

Kontrast & Barrierefreiheit

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

Aa #FFD7D7 auf #824882 4,99:1 AA
Aa #824882 auf #EBCBEB 4,46:1 AA (großer Text)
Aa #F0A6A6 auf #824882 3,35:1 AA (großer Text)
Aa #FFD7D7 auf #CD5981 2,99:1 Nicht bestanden
Aa #824882 auf #DD94D2 2,89:1 Nicht bestanden
Aa #FFD7D7 auf #B26E9B 2,85:1 Nicht bestanden
Aa #CD5981 auf #EBCBEB 2,67:1 Nicht bestanden
Aa #B26E9B auf #EBCBEB 2,55:1 Nicht bestanden
Aa #FF708B auf #824882 2,48:1 Nicht bestanden
Aa #FFD7D7 auf #FF708B 2,01:1 Nicht bestanden
Aa #F0A6A6 auf #CD5981 2,00:1 Nicht bestanden
Aa #F0A6A6 auf #B26E9B 1,91:1 Nicht bestanden
Aa #FF708B auf #EBCBEB 1,80:1 Nicht bestanden
Aa #824882 auf #B26E9B 1,75:1 Nicht bestanden
Aa #FFD7D7 auf #DD94D2 1,73:1 Nicht bestanden
Aa #CD5981 auf #DD94D2 1,73:1 Nicht bestanden
Aa #CD5981 auf #824882 1,67:1 Nicht bestanden
Aa #B26E9B auf #DD94D2 1,65:1 Nicht bestanden
Aa #DD94D2 auf #EBCBEB 1,54:1 Nicht bestanden
Aa #FFD7D7 auf #F0A6A6 1,49:1 Nicht bestanden
Aa #FF708B auf #CD5981 1,49:1 Nicht bestanden
Aa #FF708B auf #B26E9B 1,42:1 Nicht bestanden
Aa #F0A6A6 auf #FF708B 1,35:1 Nicht bestanden
Aa #F0A6A6 auf #EBCBEB 1,33:1 Nicht bestanden
Aa #F0A6A6 auf #DD94D2 1,16:1 Nicht bestanden
Aa #FF708B auf #DD94D2 1,16:1 Nicht bestanden
Aa #FFD7D7 auf #EBCBEB 1,12:1 Nicht bestanden
Aa #CD5981 auf #B26E9B 1,05:1 Nicht bestanden

Ähnliche Paletten

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 Farben
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 Farben
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 Farben
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 Farben
#F38181 #FCE38A #EAFFD0 #95E1D3
4 Farben
#B7C4CF #EEE3CB #D7C0AE #967E76
4 Farben
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 Farben
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 Farben