Startseite Farbpaletten Palette „Creamy Lemon“ mit 4 Farben

Palette „Creamy Lemon“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Creamy Lemon“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Triadisch

Likes 2.910

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF2B2;
  --c-vibrant-2: #9ED763;
  --c-vibrant-3: #2C9E4B;
  --c-vibrant-4: #0A4650;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Creamy Lemon (#FFF2B2) bis zum dunkelsten Ton Incubi Darkness (#0A4650). Sie vereint Creamy Lemon, Last of Lettuce, Gangly Gremlin und Incubi Darkness in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF2B2 auf #0A4650 mit 9,28:1.

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

Farben im Detail

Creamy Lemon #FFF2B2

RGB: rgb(255, 242, 178)
HSL: hsl(50, 100%, 85%)
Luminanz: 0,880

Last of Lettuce #9ED763

RGB: rgb(158, 215, 99)
HSL: hsl(89, 59%, 62%)
Luminanz: 0,568

Gangly Gremlin #2C9E4B

RGB: rgb(44, 158, 75)
HSL: hsl(136, 56%, 40%)
Luminanz: 0,255

Incubi Darkness #0A4650

RGB: rgb(10, 70, 80)
HSL: hsl(189, 78%, 18%)
Luminanz: 0,050

Kontrast & Barrierefreiheit

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

Aa #FFF2B2 auf #0A4650 9,28:1 AAA

Aa #9ED763 auf #0A4650 6,16:1 AA

Aa #FFF2B2 auf #2C9E4B 3,05:1 AA (großer Text)

Aa #2C9E4B auf #0A4650 3,04:1 AA (großer Text)

Aa #9ED763 auf #2C9E4B 2,03:1 Nicht bestanden

Aa #FFF2B2 auf #9ED763 1,51:1 Nicht bestanden

Palette „Creamy Lemon“ mit 4 Farben