Startseite Farbpaletten Palette „Quiche Lorraine“ mit 4 Farben

Palette „Quiche Lorraine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Quiche Lorraine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Triadisch

Likes 2.269

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #56BFB5;
  --c-vibrant-2: #38817A;
  --c-vibrant-3: #F5F093;
  --c-vibrant-4: #FBD66F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Milan (#F5F093) bis zum dunkelsten Ton Copper Mineral Green (#38817A). Sie vereint Treasured Teal, Copper Mineral Green, Milan und Quiche Lorraine 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

Treasured Teal #56BFB5

RGB: rgb(86, 191, 181)
HSL: hsl(174, 45%, 54%)
Luminanz: 0,426

Copper Mineral Green #38817A

RGB: rgb(56, 129, 122)
HSL: hsl(174, 39%, 36%)
Luminanz: 0,180

Milan #F5F093

RGB: rgb(245, 240, 147)
HSL: hsl(57, 83%, 77%)
Luminanz: 0,838

Quiche Lorraine #FBD66F

RGB: rgb(251, 214, 111)
HSL: hsl(44, 95%, 71%)
Luminanz: 0,698

Kontrast & Barrierefreiheit

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

Aa #38817A auf #F5F093 3,87:1 AA (großer Text)

Aa #38817A auf #FBD66F 3,26:1 AA (großer Text)

Aa #56BFB5 auf #38817A 2,07:1 Nicht bestanden

Aa #56BFB5 auf #F5F093 1,87:1 Nicht bestanden

Aa #56BFB5 auf #FBD66F 1,57:1 Nicht bestanden

Aa #F5F093 auf #FBD66F 1,19:1 Nicht bestanden

Palette „Quiche Lorraine“ mit 4 Farben