Startseite Farbpaletten Ghostly Fruit Sherbet

Ghostly Fruit Sherbet

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Ghostly Fruit Sherbet

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär green 7 blue cyan

Likes 46

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #025F70;
  --c-vibrant-2: #55B79C;
  --c-vibrant-3: #96FDB1;
  --c-vibrant-4: #FCF6E1;
  --c-vibrant-5: #FAB455;
  --c-vibrant-6: #BF5C14;
  --c-vibrant-7: #8E2509;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Lemon White (#FCF6E1) bis zum dunkelsten Ton Dark Umber (#8E2509). Sie vereint Cool Dive, Expressionism Green, Tenacious Tentacles, Lemon White, Koromiko, Super Leaf Brown und Dark Umber in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCF6E1 auf #8E2509 mit 8,02:1.

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

Farben im Detail

Cool Dive #025F70

RGB: rgb(2, 95, 112)
HSL: hsl(189, 96%, 22%)
Luminanz: 0,094

Expressionism Green #55B79C

RGB: rgb(85, 183, 156)
HSL: hsl(163, 40%, 53%)
Luminanz: 0,382

Tenacious Tentacles #96FDB1

RGB: rgb(150, 253, 177)
HSL: hsl(136, 96%, 79%)
Luminanz: 0,799

Lemon White #FCF6E1

RGB: rgb(252, 246, 225)
HSL: hsl(47, 82%, 94%)
Luminanz: 0,920

Koromiko #FAB455

RGB: rgb(250, 180, 85)
HSL: hsl(35, 94%, 66%)
Luminanz: 0,536

Super Leaf Brown #BF5C14

RGB: rgb(191, 92, 20)
HSL: hsl(25, 81%, 41%)
Luminanz: 0,188

Dark Umber #8E2509

RGB: rgb(142, 37, 9)
HSL: hsl(13, 88%, 30%)
Luminanz: 0,071

Kontrast & Barrierefreiheit

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

Aa #FCF6E1 auf #8E2509 8,02:1 AAA

Aa #96FDB1 auf #8E2509 7,02:1 AAA

Aa #025F70 auf #FCF6E1 6,75:1 AA

Aa #025F70 auf #96FDB1 5,91:1 AA

Aa #FAB455 auf #8E2509 4,85:1 AA

Aa #025F70 auf #FAB455 4,08:1 AA (großer Text)

Aa #FCF6E1 auf #BF5C14 4,08:1 AA (großer Text)

Aa #55B79C auf #8E2509 3,57:1 AA (großer Text)

Aa #96FDB1 auf #BF5C14 3,57:1 AA (großer Text)

Aa #025F70 auf #55B79C 3,01:1 AA (großer Text)

Aa #FAB455 auf #BF5C14 2,47:1 Nicht bestanden

Aa #55B79C auf #FCF6E1 2,25:1 Nicht bestanden

Aa #55B79C auf #96FDB1 1,97:1 Nicht bestanden

Aa #BF5C14 auf #8E2509 1,97:1 Nicht bestanden

Aa #55B79C auf #BF5C14 1,82:1 Nicht bestanden

Aa #025F70 auf #BF5C14 1,66:1 Nicht bestanden

Aa #FCF6E1 auf #FAB455 1,66:1 Nicht bestanden

Aa #96FDB1 auf #FAB455 1,45:1 Nicht bestanden

Aa #55B79C auf #FAB455 1,36:1 Nicht bestanden

Aa #025F70 auf #8E2509 1,19:1 Nicht bestanden

Aa #96FDB1 auf #FCF6E1 1,14:1 Nicht bestanden

Ghostly Fruit Sherbet