Registrieren Registrieren
ST 8 Blue N' Pink

ST 8 Blue N' Pink

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

Zurück zur Bibliothek

ST 8 Blue N' Pink

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

Bearbeiten
Lebendig 8 Farben Kühl Gemischt Analog artist pink blue purple
Likes 92
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #141433;
  --c-vibrant-2: #17174D;
  --c-vibrant-3: #281D73;
  --c-vibrant-4: #3E2680;
  --c-vibrant-5: #6C29A6;
  --c-vibrant-6: #BA41D9;
  --c-vibrant-7: #DE73E5;
  --c-vibrant-8: #ED9DF2;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton VIC 20 Pink (#ED9DF2) bis zum dunkelsten Ton Lost in Sadness (#141433). Sie vereint Lost in Sadness, Tetsu-Kon Blue, Blue Royale, Clear Purple, Fuchsia Nebula, Ultraviolet Onsible, Hibiscus Pop und VIC 20 Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #141433 auf #ED9DF2 mit 9,09:1.

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

Farben im Detail

Lost in Sadness #141433
RGB
rgb(20, 20, 51)
HSL
hsl(240, 44%, 14%)
Luminanz
0,009
Tetsu-Kon Blue #17174D
RGB
rgb(23, 23, 77)
HSL
hsl(240, 54%, 20%)
Luminanz
0,013
Blue Royale #281D73
RGB
rgb(40, 29, 115)
HSL
hsl(248, 60%, 28%)
Luminanz
0,026
Clear Purple #3E2680
RGB
rgb(62, 38, 128)
HSL
hsl(256, 54%, 33%)
Luminanz
0,040
Fuchsia Nebula #6C29A6
RGB
rgb(108, 41, 166)
HSL
hsl(272, 60%, 41%)
Luminanz
0,075
Ultraviolet Onsible #BA41D9
RGB
rgb(186, 65, 217)
HSL
hsl(288, 67%, 55%)
Luminanz
0,192
Hibiscus Pop #DE73E5
RGB
rgb(222, 115, 229)
HSL
hsl(296, 69%, 67%)
Luminanz
0,335
VIC 20 Pink #ED9DF2
RGB
rgb(237, 157, 242)
HSL
hsl(296, 77%, 78%)
Luminanz
0,485

Kontrast & Barrierefreiheit

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

Aa #141433 auf #ED9DF2 9,09:1 AAA
Aa #17174D auf #ED9DF2 8,46:1 AAA
Aa #281D73 auf #ED9DF2 7,07:1 AAA
Aa #141433 auf #DE73E5 6,53:1 AA
Aa #17174D auf #DE73E5 6,07:1 AA
Aa #3E2680 auf #ED9DF2 5,97:1 AA
Aa #281D73 auf #DE73E5 5,08:1 AA
Aa #3E2680 auf #DE73E5 4,29:1 AA (großer Text)
Aa #6C29A6 auf #ED9DF2 4,27:1 AA (großer Text)
Aa #141433 auf #BA41D9 4,12:1 AA (großer Text)
Aa #17174D auf #BA41D9 3,83:1 AA (großer Text)
Aa #281D73 auf #BA41D9 3,20:1 AA (großer Text)
Aa #6C29A6 auf #DE73E5 3,07:1 AA (großer Text)
Aa #3E2680 auf #BA41D9 2,70:1 Nicht bestanden
Aa #BA41D9 auf #ED9DF2 2,21:1 Nicht bestanden
Aa #141433 auf #6C29A6 2,13:1 Nicht bestanden
Aa #17174D auf #6C29A6 1,98:1 Nicht bestanden
Aa #6C29A6 auf #BA41D9 1,93:1 Nicht bestanden
Aa #281D73 auf #6C29A6 1,66:1 Nicht bestanden
Aa #BA41D9 auf #DE73E5 1,59:1 Nicht bestanden
Aa #141433 auf #3E2680 1,52:1 Nicht bestanden
Aa #17174D auf #3E2680 1,42:1 Nicht bestanden
Aa #3E2680 auf #6C29A6 1,40:1 Nicht bestanden
Aa #DE73E5 auf #ED9DF2 1,39:1 Nicht bestanden
Aa #141433 auf #281D73 1,29:1 Nicht bestanden
Aa #17174D auf #281D73 1,20:1 Nicht bestanden
Aa #281D73 auf #3E2680 1,19:1 Nicht bestanden
Aa #141433 auf #17174D 1,08: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