Startseite Farbpaletten Palette „Lox“ mit 4 Farben

Palette „Lox“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Lox“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 3.641

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #A03C78;
  --c-vibrant-2: #ED8E7C;
  --c-vibrant-3: #CDF3A2;
  --c-vibrant-4: #93D9A3;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Reef Refractions (#CDF3A2) bis zum dunkelsten Ton Maximum Red Purple (#A03C78). Sie vereint Maximum Red Purple, Lox, Reef Refractions und Green Ash in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #A03C78 auf #CDF3A2 mit 4,96:1.

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

Farben im Detail

Maximum Red Purple #A03C78

RGB: rgb(160, 60, 120)
HSL: hsl(324, 45%, 43%)
Luminanz: 0,121

Lox #ED8E7C

RGB: rgb(237, 142, 124)
HSL: hsl(10, 76%, 71%)
Luminanz: 0,388

Reef Refractions #CDF3A2

RGB: rgb(205, 243, 162)
HSL: hsl(88, 77%, 79%)
Luminanz: 0,797

Green Ash #93D9A3

RGB: rgb(147, 217, 163)
HSL: hsl(134, 48%, 71%)
Luminanz: 0,585

Kontrast & Barrierefreiheit

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

Aa #A03C78 auf #CDF3A2 4,96:1 AA

Aa #A03C78 auf #93D9A3 3,72:1 AA (großer Text)

Aa #A03C78 auf #ED8E7C 2,57:1 Nicht bestanden

Aa #ED8E7C auf #CDF3A2 1,93:1 Nicht bestanden

Aa #ED8E7C auf #93D9A3 1,45:1 Nicht bestanden

Aa #CDF3A2 auf #93D9A3 1,33:1 Nicht bestanden

Palette „Lox“ mit 4 Farben