Startseite Farbpaletten Palette „Caribbean Green“ mit 4 Farben

Palette „Caribbean Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „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 3.183

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #003459;
  --c-vibrant-2: #028090;
  --c-vibrant-3: #02C39A;
  --c-vibrant-4: #FCE38A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Bicycle Yellow (#FCE38A) bis zum dunkelsten Ton Effervescent Blue (#003459). Sie vereint Effervescent Blue, Island Lush, Caribbean Green und Bicycle Yellow 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 #003459 auf #FCE38A mit 10,09:1.

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

Farben im Detail

Effervescent Blue #003459

RGB: rgb(0, 52, 89)
HSL: hsl(205, 100%, 17%)
Luminanz: 0,032

Island Lush #028090

RGB: rgb(2, 128, 144)
HSL: hsl(187, 97%, 29%)
Luminanz: 0,175

Caribbean Green #02C39A

RGB: rgb(2, 195, 154)
HSL: hsl(167, 98%, 39%)
Luminanz: 0,414

Bicycle Yellow #FCE38A

RGB: rgb(252, 227, 138)
HSL: hsl(47, 95%, 76%)
Luminanz: 0,775

Kontrast & Barrierefreiheit

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

Aa #003459 auf #FCE38A 10,09:1 AAA

Aa #003459 auf #02C39A 5,67:1 AA

Aa #028090 auf #FCE38A 3,67:1 AA (großer Text)

Aa #003459 auf #028090 2,75:1 Nicht bestanden

Aa #028090 auf #02C39A 2,06:1 Nicht bestanden

Aa #02C39A auf #FCE38A 1,78:1 Nicht bestanden

Palette „Caribbean Green“ mit 4 Farben