Startseite Farbpaletten Palette „Apricot Haze“ mit 4 Farben

Palette „Apricot Haze“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Apricot Haze“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 3.234

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #59AC77;
  --c-vibrant-2: #3A6F43;
  --c-vibrant-3: #FDAAAA;
  --c-vibrant-4: #FFD5D5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pink Clay (#FFD5D5) bis zum dunkelsten Ton Arcala Green (#3A6F43). Sie vereint Aqua Forest, Arcala Green, Apricot Haze und Pink Clay in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Aqua Forest #59AC77

RGB: rgb(89, 172, 119)
HSL: hsl(142, 33%, 51%)
Luminanz: 0,330

Arcala Green #3A6F43

RGB: rgb(58, 111, 67)
HSL: hsl(130, 31%, 33%)
Luminanz: 0,127

Apricot Haze #FDAAAA

RGB: rgb(253, 170, 170)
HSL: hsl(0, 95%, 83%)
Luminanz: 0,525

Pink Clay #FFD5D5

RGB: rgb(255, 213, 213)
HSL: hsl(0, 100%, 92%)
Luminanz: 0,737

Kontrast & Barrierefreiheit

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

Aa #3A6F43 auf #FFD5D5 4,45:1 AA (großer Text)

Aa #3A6F43 auf #FDAAAA 3,26:1 AA (großer Text)

Aa #59AC77 auf #3A6F43 2,15:1 Nicht bestanden

Aa #59AC77 auf #FFD5D5 2,07:1 Nicht bestanden

Aa #59AC77 auf #FDAAAA 1,52:1 Nicht bestanden

Aa #FDAAAA auf #FFD5D5 1,37:1 Nicht bestanden

Palette „Apricot Haze“ mit 4 Farben