Registrieren Registrieren
Sugary Stupor

Sugary Stupor

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

Zurück zur Bibliothek

Sugary Stupor

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

Bearbeiten
Lebendig 7 Farben Kühl Gemischt Analog
Likes 46
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #BDC5EF;
  --c-vibrant-2: #9393EB;
  --c-vibrant-3: #8567E0;
  --c-vibrant-4: #7530CF;
  --c-vibrant-5: #5D2B97;
  --c-vibrant-6: #4B1F6B;
  --c-vibrant-7: #371646;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Vodka (#BDC5EF) bis zum dunkelsten Ton Purple Door (#371646). Sie vereint Vodka, Perrywinkle, Medium Slate Blue, Sagat Purple, Lucid Dreams, Fading Horizon und Purple Door in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #BDC5EF auf #371646 mit 9,08:1.

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

Farben im Detail

Vodka #BDC5EF
RGB
rgb(189, 197, 239)
HSL
hsl(230, 61%, 84%)
Luminanz
0,570
Perrywinkle #9393EB
RGB
rgb(147, 147, 235)
HSL
hsl(240, 69%, 75%)
Luminanz
0,331
Medium Slate Blue #8567E0
RGB
rgb(133, 103, 224)
HSL
hsl(255, 66%, 64%)
Luminanz
0,201
Sagat Purple #7530CF
RGB
rgb(117, 48, 207)
HSL
hsl(266, 62%, 50%)
Luminanz
0,104
Lucid Dreams #5D2B97
RGB
rgb(93, 43, 151)
HSL
hsl(268, 56%, 38%)
Luminanz
0,063
Fading Horizon #4B1F6B
RGB
rgb(75, 31, 107)
HSL
hsl(275, 55%, 27%)
Luminanz
0,035
Purple Door #371646
RGB
rgb(55, 22, 70)
HSL
hsl(281, 52%, 18%)
Luminanz
0,018

Kontrast & Barrierefreiheit

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

Aa #BDC5EF auf #371646 9,08:1 AAA
Aa #BDC5EF auf #4B1F6B 7,26:1 AAA
Aa #9393EB auf #371646 5,58:1 AA
Aa #BDC5EF auf #5D2B97 5,49:1 AA
Aa #9393EB auf #4B1F6B 4,46:1 AA (großer Text)
Aa #BDC5EF auf #7530CF 4,02:1 AA (großer Text)
Aa #8567E0 auf #371646 3,67:1 AA (großer Text)
Aa #9393EB auf #5D2B97 3,37:1 AA (großer Text)
Aa #8567E0 auf #4B1F6B 2,94:1 Nicht bestanden
Aa #BDC5EF auf #8567E0 2,47:1 Nicht bestanden
Aa #9393EB auf #7530CF 2,47:1 Nicht bestanden
Aa #7530CF auf #371646 2,26:1 Nicht bestanden
Aa #8567E0 auf #5D2B97 2,22:1 Nicht bestanden
Aa #7530CF auf #4B1F6B 1,80:1 Nicht bestanden
Aa #5D2B97 auf #371646 1,65:1 Nicht bestanden
Aa #BDC5EF auf #9393EB 1,63:1 Nicht bestanden
Aa #8567E0 auf #7530CF 1,63:1 Nicht bestanden
Aa #9393EB auf #8567E0 1,52:1 Nicht bestanden
Aa #7530CF auf #5D2B97 1,36:1 Nicht bestanden
Aa #5D2B97 auf #4B1F6B 1,32:1 Nicht bestanden
Aa #4B1F6B auf #371646 1,25: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