Startseite Farbpaletten Palette „Green Incandescence“ mit 4 Farben

Palette „Green Incandescence“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Green Incandescence“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Split-komplementär

Likes 1.018

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #C1F880;
  --c-muted-2: #55C59D;
  --c-muted-3: #4F5AA8;
  --c-muted-4: #7481CF;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Green Incandescence (#C1F880) bis zum dunkelsten Ton Chinese Bellflower (#4F5AA8). Sie vereint Green Incandescence, Mermaid’s Kiss, Chinese Bellflower und Tanzine 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 #C1F880 auf #4F5AA8 mit 5,06:1.

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

Farben im Detail

Green Incandescence #C1F880

RGB: rgb(193, 248, 128)
HSL: hsl(88, 90%, 74%)
Luminanz: 0,800

Mermaid’s Kiss #55C59D

RGB: rgb(85, 197, 157)
HSL: hsl(159, 49%, 55%)
Luminanz: 0,443

Chinese Bellflower #4F5AA8

RGB: rgb(79, 90, 168)
HSL: hsl(233, 36%, 48%)
Luminanz: 0,118

Tanzine #7481CF

RGB: rgb(116, 129, 207)
HSL: hsl(231, 49%, 63%)
Luminanz: 0,239

Kontrast & Barrierefreiheit

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

Aa #C1F880 auf #4F5AA8 5,06:1 AA

Aa #C1F880 auf #7481CF 2,94:1 Nicht bestanden

Aa #55C59D auf #4F5AA8 2,93:1 Nicht bestanden

Aa #C1F880 auf #55C59D 1,72:1 Nicht bestanden

Aa #4F5AA8 auf #7481CF 1,72:1 Nicht bestanden

Aa #55C59D auf #7481CF 1,70:1 Nicht bestanden

Palette „Green Incandescence“ mit 4 Farben