Startseite Farbpaletten Palette „Absolute Apricot“ mit 4 Farben

Palette „Absolute Apricot“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Absolute Apricot“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Hell Komplementär

Likes 7.258

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FF9843;
  --c-vibrant-2: #FFDD95;
  --c-vibrant-3: #86A7FC;
  --c-vibrant-4: #3468C0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lemon Pound Cake (#FFDD95) bis zum dunkelsten Ton Matt Blue (#3468C0). Sie vereint Absolute Apricot, Lemon Pound Cake, Kitten’s Eye und Matt Blue 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

Absolute Apricot #FF9843

RGB: rgb(255, 152, 67)
HSL: hsl(27, 100%, 63%)
Luminanz: 0,441

Lemon Pound Cake #FFDD95

RGB: rgb(255, 221, 149)
HSL: hsl(41, 100%, 79%)
Luminanz: 0,751

Kitten’s Eye #86A7FC

RGB: rgb(134, 167, 252)
HSL: hsl(223, 95%, 76%)
Luminanz: 0,397

Matt Blue #3468C0

RGB: rgb(52, 104, 192)
HSL: hsl(218, 57%, 48%)
Luminanz: 0,144

Kontrast & Barrierefreiheit

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

Aa #FFDD95 auf #3468C0 4,12:1 AA (großer Text)

Aa #FF9843 auf #3468C0 2,53:1 Nicht bestanden

Aa #86A7FC auf #3468C0 2,30:1 Nicht bestanden

Aa #FFDD95 auf #86A7FC 1,79:1 Nicht bestanden

Aa #FF9843 auf #FFDD95 1,63:1 Nicht bestanden

Aa #FF9843 auf #86A7FC 1,10:1 Nicht bestanden

Palette „Absolute Apricot“ mit 4 Farben