LavenderTown

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

Zurück zur Bibliothek

LavenderTown

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

Bearbeiten

Lebendig 6 Farben Kühl Gemischt Analog soft lavender

Likes 64

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #1E0C51;
  --c-vibrant-2: #2C298C;
  --c-vibrant-3: #7155C6;
  --c-vibrant-4: #AD6BDF;
  --c-vibrant-5: #E287DE;
  --c-vibrant-6: #FCBCE8;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Pretty in Pink (#FCBCE8) bis zum dunkelsten Ton Indigo Sloth (#1E0C51). Sie vereint Indigo Sloth, Cosmic Cobalt, Fuchsia Blue, Violet Voltage, Love Dust und Pretty in Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E0C51 auf #FCBCE8 mit 11:1.

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

Farben im Detail

Indigo Sloth #1E0C51

RGB: rgb(30, 12, 81)
HSL: hsl(256, 74%, 18%)
Luminanz: 0,011

Cosmic Cobalt #2C298C

RGB: rgb(44, 41, 140)
HSL: hsl(242, 55%, 35%)
Luminanz: 0,040

Fuchsia Blue #7155C6

RGB: rgb(113, 85, 198)
HSL: hsl(255, 50%, 55%)
Luminanz: 0,141

Violet Voltage #AD6BDF

RGB: rgb(173, 107, 223)
HSL: hsl(274, 64%, 65%)
Luminanz: 0,247

Love Dust #E287DE

RGB: rgb(226, 135, 222)
HSL: hsl(303, 61%, 71%)
Luminanz: 0,388

Pretty in Pink #FCBCE8

RGB: rgb(252, 188, 232)
HSL: hsl(319, 91%, 86%)
Luminanz: 0,625

Kontrast & Barrierefreiheit

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

Aa #1E0C51 auf #FCBCE8 11,00:1 AAA

Aa #2C298C auf #FCBCE8 7,49:1 AAA

Aa #1E0C51 auf #E287DE 7,14:1 AAA

Aa #2C298C auf #E287DE 4,86:1 AA

Aa #1E0C51 auf #AD6BDF 4,85:1 AA

Aa #7155C6 auf #FCBCE8 3,54:1 AA (großer Text)

Aa #2C298C auf #AD6BDF 3,30:1 AA (großer Text)

Aa #1E0C51 auf #7155C6 3,11:1 AA (großer Text)

Aa #7155C6 auf #E287DE 2,29:1 Nicht bestanden

Aa #AD6BDF auf #FCBCE8 2,27:1 Nicht bestanden

Aa #2C298C auf #7155C6 2,12:1 Nicht bestanden

Aa #7155C6 auf #AD6BDF 1,56:1 Nicht bestanden

Aa #E287DE auf #FCBCE8 1,54:1 Nicht bestanden

Aa #1E0C51 auf #2C298C 1,47:1 Nicht bestanden

Aa #AD6BDF auf #E287DE 1,47:1 Nicht bestanden

LavenderTown

LavenderTown

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen