Startseite Farbpaletten Palette „Sea Green“ mit 4 Farben

Palette „Sea Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sea Green“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 6.810

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #45EBA5;
  --c-vibrant-2: #21ABA5;
  --c-vibrant-3: #1D566E;
  --c-vibrant-4: #163A5F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sea Green (#45EBA5) bis zum dunkelsten Ton Poseidon (#163A5F). Sie vereint Sea Green, Tropical Tree, Navy Teal und Poseidon 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 #45EBA5 auf #163A5F mit 7,58:1.

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

Farben im Detail

Sea Green #45EBA5

RGB: rgb(69, 235, 165)
HSL: hsl(155, 81%, 60%)
Luminanz: 0,634

Tropical Tree #21ABA5

RGB: rgb(33, 171, 165)
HSL: hsl(177, 68%, 40%)
Luminanz: 0,322

Navy Teal #1D566E

RGB: rgb(29, 86, 110)
HSL: hsl(198, 58%, 27%)
Luminanz: 0,080

Poseidon #163A5F

RGB: rgb(22, 58, 95)
HSL: hsl(210, 62%, 23%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

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

Aa #45EBA5 auf #163A5F 7,58:1 AAA

Aa #45EBA5 auf #1D566E 5,24:1 AA

Aa #21ABA5 auf #163A5F 4,12:1 AA (großer Text)

Aa #21ABA5 auf #1D566E 2,85:1 Nicht bestanden

Aa #45EBA5 auf #21ABA5 1,84:1 Nicht bestanden

Aa #1D566E auf #163A5F 1,45:1 Nicht bestanden

Palette „Sea Green“ mit 4 Farben