Startseite Farbpaletten Palette „Green Parakeet“ mit 4 Farben

Palette „Green Parakeet“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Green Parakeet“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 6.311

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #2E5077;
  --c-muted-2: #4DA1A9;
  --c-muted-3: #79D7BE;
  --c-muted-4: #F6F4F0;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton The Speed of Light (#F6F4F0) bis zum dunkelsten Ton Slumber (#2E5077). Sie vereint Slumber, Blue Racer, Green Parakeet und The Speed of Light 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 #2E5077 auf #F6F4F0 mit 7,56:1.

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

Farben im Detail

Slumber #2E5077

RGB: rgb(46, 80, 119)
HSL: hsl(212, 44%, 32%)
Luminanz: 0,077

Blue Racer #4DA1A9

RGB: rgb(77, 161, 169)
HSL: hsl(185, 37%, 48%)
Luminanz: 0,299

Green Parakeet #79D7BE

RGB: rgb(121, 215, 190)
HSL: hsl(164, 54%, 66%)
Luminanz: 0,564

The Speed of Light #F6F4F0

RGB: rgb(246, 244, 240)
HSL: hsl(40, 25%, 95%)
Luminanz: 0,906

Kontrast & Barrierefreiheit

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

Aa #2E5077 auf #F6F4F0 7,56:1 AAA

Aa #2E5077 auf #79D7BE 4,85:1 AA

Aa #2E5077 auf #4DA1A9 2,76:1 Nicht bestanden

Aa #4DA1A9 auf #F6F4F0 2,74:1 Nicht bestanden

Aa #4DA1A9 auf #79D7BE 1,76:1 Nicht bestanden

Aa #79D7BE auf #F6F4F0 1,56:1 Nicht bestanden

Palette „Green Parakeet“ mit 4 Farben