Registrieren Registrieren
Blurple

Blurple

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

Zurück zur Bibliothek

Blurple

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

Bearbeiten
Pastell 7 Farben Kühl Hell Analog blue purple soft pastel
Likes 61
Farben 7

CSS-Variablen

:root {
  --c-pastel-1: #E9D2F4;
  --c-pastel-2: #DABCF0;
  --c-pastel-3: #C5AAEE;
  --c-pastel-4: #AB94EB;
  --c-pastel-5: #9DBAE3;
  --c-pastel-6: #A7CFEB;
  --c-pastel-7: #B3E0F2;
}

Über diese Palette

Diese pastellfarbene Palette mit 7 Farben reicht vom hellsten Ton Lavender Princess (#E9D2F4) bis zum dunkelsten Ton Dull Lavender (#AB94EB). Sie vereint Lavender Princess, Beefy Pink, Purple Sand, Dull Lavender, Aegean Mist, Marzena Dream und Echo Iris in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 21 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

Lavender Princess #E9D2F4
RGB
rgb(233, 210, 244)
HSL
hsl(281, 61%, 89%)
Luminanz
0,700
Beefy Pink #DABCF0
RGB
rgb(218, 188, 240)
HSL
hsl(275, 63%, 84%)
Luminanz
0,572
Purple Sand #C5AAEE
RGB
rgb(197, 170, 238)
HSL
hsl(264, 67%, 80%)
Luminanz
0,468
Dull Lavender #AB94EB
RGB
rgb(171, 148, 235)
HSL
hsl(256, 69%, 75%)
Luminanz
0,358
Aegean Mist #9DBAE3
RGB
rgb(157, 186, 227)
HSL
hsl(215, 56%, 75%)
Luminanz
0,478
Marzena Dream #A7CFEB
RGB
rgb(167, 207, 235)
HSL
hsl(205, 63%, 79%)
Luminanz
0,588
Echo Iris #B3E0F2
RGB
rgb(179, 224, 242)
HSL
hsl(197, 71%, 83%)
Luminanz
0,693

Kontrast & Barrierefreiheit

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

Aa #E9D2F4 auf #AB94EB 1,84:1 Nicht bestanden
Aa #AB94EB auf #B3E0F2 1,82:1 Nicht bestanden
Aa #AB94EB auf #A7CFEB 1,56:1 Nicht bestanden
Aa #DABCF0 auf #AB94EB 1,52:1 Nicht bestanden
Aa #E9D2F4 auf #C5AAEE 1,45:1 Nicht bestanden
Aa #C5AAEE auf #B3E0F2 1,43:1 Nicht bestanden
Aa #E9D2F4 auf #9DBAE3 1,42:1 Nicht bestanden
Aa #9DBAE3 auf #B3E0F2 1,41:1 Nicht bestanden
Aa #AB94EB auf #9DBAE3 1,29:1 Nicht bestanden
Aa #C5AAEE auf #AB94EB 1,27:1 Nicht bestanden
Aa #C5AAEE auf #A7CFEB 1,23:1 Nicht bestanden
Aa #E9D2F4 auf #DABCF0 1,21:1 Nicht bestanden
Aa #9DBAE3 auf #A7CFEB 1,21:1 Nicht bestanden
Aa #DABCF0 auf #C5AAEE 1,20:1 Nicht bestanden
Aa #DABCF0 auf #B3E0F2 1,20:1 Nicht bestanden
Aa #DABCF0 auf #9DBAE3 1,18:1 Nicht bestanden
Aa #E9D2F4 auf #A7CFEB 1,17:1 Nicht bestanden
Aa #A7CFEB auf #B3E0F2 1,16:1 Nicht bestanden
Aa #DABCF0 auf #A7CFEB 1,03:1 Nicht bestanden
Aa #C5AAEE auf #9DBAE3 1,02:1 Nicht bestanden
Aa #E9D2F4 auf #B3E0F2 1,01:1 Nicht bestanden

Ähnliche Paletten

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 Farben
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 Farben
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 Farben
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 Farben
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 Farben
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 Farben
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 Farben
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 Farben