Startseite Farbpaletten Palette „Wild Caribbean Green“ mit 4 Farben

Palette „Wild Caribbean Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Wild Caribbean Green“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 6.683

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F8F1F1;
  --c-vibrant-2: #11698E;
  --c-vibrant-3: #19456B;
  --c-vibrant-4: #16C79A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Bright White (#F8F1F1) bis zum dunkelsten Ton Terror From the Deep (#19456B). Sie vereint Bright White, Bondi, Terror From the Deep und Wild Caribbean Green 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 #F8F1F1 auf #19456B mit 8,95:1.

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

Farben im Detail

Bright White #F8F1F1

RGB: rgb(248, 241, 241)
HSL: hsl(0, 33%, 96%)
Luminanz: 0,892

Bondi #11698E

RGB: rgb(17, 105, 142)
HSL: hsl(198, 79%, 31%)
Luminanz: 0,122

Terror From the Deep #19456B

RGB: rgb(25, 69, 107)
HSL: hsl(208, 62%, 26%)
Luminanz: 0,055

Wild Caribbean Green #16C79A

RGB: rgb(22, 199, 154)
HSL: hsl(165, 80%, 43%)
Luminanz: 0,434

Kontrast & Barrierefreiheit

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

Aa #F8F1F1 auf #19456B 8,95:1 AAA

Aa #F8F1F1 auf #11698E 5,49:1 AA

Aa #19456B auf #16C79A 4,59:1 AA

Aa #11698E auf #16C79A 2,82:1 Nicht bestanden

Aa #F8F1F1 auf #16C79A 1,95:1 Nicht bestanden

Aa #11698E auf #19456B 1,63:1 Nicht bestanden

Palette „Wild Caribbean Green“ mit 4 Farben