Berrybush4

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Berrybush4

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Lebendig 4 Farben Warm Gemischt Split-komplementär artist gameboy colors

Likes 15

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #225031;
  --c-vibrant-2: #9EEC6B;
  --c-vibrant-3: #F9FFCD;
  --c-vibrant-4: #FF6367;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Morrow White (#F9FFCD) bis zum dunkelsten Ton Kaitoke Green (#225031). Sie vereint Kaitoke Green, Stadium Lawn, Morrow White und Pompelmo 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 #225031 auf #F9FFCD mit 8,94:1.

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

Farben im Detail

Kaitoke Green #225031

RGB: rgb(34, 80, 49)
HSL: hsl(140, 40%, 22%)
Luminanz: 0,063

Stadium Lawn #9EEC6B

RGB: rgb(158, 236, 107)
HSL: hsl(96, 77%, 67%)
Luminanz: 0,683

Morrow White #F9FFCD

RGB: rgb(249, 255, 205)
HSL: hsl(67, 100%, 90%)
Luminanz: 0,961

Pompelmo #FF6367

RGB: rgb(255, 99, 103)
HSL: hsl(358, 100%, 69%)
Luminanz: 0,312

Kontrast & Barrierefreiheit

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

Aa #225031 auf #F9FFCD 8,94:1 AAA

Aa #225031 auf #9EEC6B 6,49:1 AA

Aa #225031 auf #FF6367 3,20:1 AA (großer Text)

Aa #F9FFCD auf #FF6367 2,79:1 Nicht bestanden

Aa #9EEC6B auf #FF6367 2,03:1 Nicht bestanden

Aa #9EEC6B auf #F9FFCD 1,38:1 Nicht bestanden

Berrybush4

Berrybush4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen