Startseite Farbpaletten Palette „Hello Winter“ mit 4 Farben

Palette „Hello Winter“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Hello Winter“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 10.771

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #071952;
  --c-vibrant-2: #0B666A;
  --c-vibrant-3: #35A29F;
  --c-vibrant-4: #97FEED;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Hello Winter (#97FEED) bis zum dunkelsten Ton Downriver (#071952). Sie vereint Downriver, Bath Green, Sea Kale und Hello Winter in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #071952 auf #97FEED mit 13,95:1.

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

Farben im Detail

Downriver #071952

RGB: rgb(7, 25, 82)
HSL: hsl(226, 84%, 17%)
Luminanz: 0,014

Bath Green #0B666A

RGB: rgb(11, 102, 106)
HSL: hsl(183, 81%, 23%)
Luminanz: 0,106

Sea Kale #35A29F

RGB: rgb(53, 162, 159)
HSL: hsl(178, 51%, 42%)
Luminanz: 0,291

Hello Winter #97FEED

RGB: rgb(151, 254, 237)
HSL: hsl(170, 98%, 79%)
Luminanz: 0,836

Kontrast & Barrierefreiheit

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

Aa #071952 auf #97FEED 13,95:1 AAA

Aa #0B666A auf #97FEED 5,67:1 AA

Aa #071952 auf #35A29F 5,37:1 AA

Aa #35A29F auf #97FEED 2,60:1 Nicht bestanden

Aa #071952 auf #0B666A 2,46:1 Nicht bestanden

Aa #0B666A auf #35A29F 2,18:1 Nicht bestanden

Palette „Hello Winter“ mit 4 Farben