Startseite Farbpaletten Palette „Breeze of Green“ mit 4 Farben

Palette „Breeze of Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Breeze of Green“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 2.176

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #3D6271;
  --c-muted-2: #3D899C;
  --c-muted-3: #45A298;
  --c-muted-4: #D8F8B7;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Breeze of Green (#D8F8B7) bis zum dunkelsten Ton Juniper Berry Blue (#3D6271). Sie vereint Juniper Berry Blue, Seachange, Bahaman Bliss und Breeze of Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3D6271 auf #D8F8B7 mit 5,66:1.

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

Farben im Detail

Juniper Berry Blue #3D6271

RGB: rgb(61, 98, 113)
HSL: hsl(197, 30%, 34%)
Luminanz: 0,109

Seachange #3D899C

RGB: rgb(61, 137, 156)
HSL: hsl(192, 44%, 43%)
Luminanz: 0,213

Bahaman Bliss #45A298

RGB: rgb(69, 162, 152)
HSL: hsl(174, 40%, 45%)
Luminanz: 0,294

Breeze of Green #D8F8B7

RGB: rgb(216, 248, 183)
HSL: hsl(90, 82%, 85%)
Luminanz: 0,852

Kontrast & Barrierefreiheit

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

Aa #3D6271 auf #D8F8B7 5,66:1 AA

Aa #3D899C auf #D8F8B7 3,43:1 AA (großer Text)

Aa #45A298 auf #D8F8B7 2,62:1 Nicht bestanden

Aa #3D6271 auf #45A298 2,16:1 Nicht bestanden

Aa #3D6271 auf #3D899C 1,65:1 Nicht bestanden

Aa #3D899C auf #45A298 1,31:1 Nicht bestanden

Palette „Breeze of Green“ mit 4 Farben