Startseite Farbpaletten Palette „Carla“ mit 4 Farben

Palette „Carla“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Carla“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Hell Triadisch

Likes 3.547

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F5FAC8;
  --c-muted-2: #AEE8E6;
  --c-muted-3: #8BCFCC;
  --c-muted-4: #539092;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Carla (#F5FAC8) bis zum dunkelsten Ton Coastal Calm (#539092). Sie vereint Carla, Cool Crayon, Aaquatic Wonderland und Coastal Calm 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

Carla #F5FAC8

RGB: rgb(245, 250, 200)
HSL: hsl(66, 83%, 88%)
Luminanz: 0,920

Cool Crayon #AEE8E6

RGB: rgb(174, 232, 230)
HSL: hsl(178, 56%, 80%)
Luminanz: 0,724

Aaquatic Wonderland #8BCFCC

RGB: rgb(139, 207, 204)
HSL: hsl(177, 41%, 68%)
Luminanz: 0,545

Coastal Calm #539092

RGB: rgb(83, 144, 146)
HSL: hsl(182, 28%, 45%)
Luminanz: 0,239

Kontrast & Barrierefreiheit

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

Aa #F5FAC8 auf #539092 3,36:1 AA (großer Text)

Aa #AEE8E6 auf #539092 2,68:1 Nicht bestanden

Aa #8BCFCC auf #539092 2,06:1 Nicht bestanden

Aa #F5FAC8 auf #8BCFCC 1,63:1 Nicht bestanden

Aa #AEE8E6 auf #8BCFCC 1,30:1 Nicht bestanden

Aa #F5FAC8 auf #AEE8E6 1,25:1 Nicht bestanden

Palette „Carla“ mit 4 Farben