Startseite Farbpaletten Palette „Cape Jasmine“ mit 4 Farben

Palette „Cape Jasmine“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Cape Jasmine“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Triadisch

Likes 3.592

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFBA5A;
  --c-vibrant-2: #C0FFB3;
  --c-vibrant-3: #52DE97;
  --c-vibrant-4: #2C7873;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Glow in the Dark (#C0FFB3) bis zum dunkelsten Ton Myrtle Green (#2C7873). Sie vereint Cape Jasmine, Glow in the Dark, Aurora Green und Myrtle 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 #C0FFB3 auf #2C7873 mit 4,5:1.

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

Farben im Detail

Cape Jasmine #FFBA5A

RGB: rgb(255, 186, 90)
HSL: hsl(35, 100%, 68%)
Luminanz: 0,571

Glow in the Dark #C0FFB3

RGB: rgb(192, 255, 179)
HSL: hsl(110, 100%, 85%)
Luminanz: 0,860

Aurora Green #52DE97

RGB: rgb(82, 222, 151)
HSL: hsl(150, 68%, 60%)
Luminanz: 0,563

Myrtle Green #2C7873

RGB: rgb(44, 120, 115)
HSL: hsl(176, 46%, 32%)
Luminanz: 0,152

Kontrast & Barrierefreiheit

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

Aa #C0FFB3 auf #2C7873 4,50:1 AA

Aa #FFBA5A auf #2C7873 3,07:1 AA (großer Text)

Aa #52DE97 auf #2C7873 3,03:1 AA (großer Text)

Aa #C0FFB3 auf #52DE97 1,48:1 Nicht bestanden

Aa #FFBA5A auf #C0FFB3 1,46:1 Nicht bestanden

Aa #FFBA5A auf #52DE97 1,01:1 Nicht bestanden

Palette „Cape Jasmine“ mit 4 Farben