Startseite Farbpaletten Palette „Peachy“ mit 4 Farben

Palette „Peachy“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Peachy“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 1.741

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #686EE2;
  --c-vibrant-2: #5C3E84;
  --c-vibrant-3: #F35C6E;
  --c-vibrant-4: #FFA87B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Peachy (#FFA87B) bis zum dunkelsten Ton Tillandsia Purple (#5C3E84). Sie vereint If I Could Fly, Tillandsia Purple, Pink Pepper und Peachy 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 #5C3E84 auf #FFA87B 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

If I Could Fly #686EE2

RGB: rgb(104, 110, 226)
HSL: hsl(237, 68%, 65%)
Luminanz: 0,196

Tillandsia Purple #5C3E84

RGB: rgb(92, 62, 132)
HSL: hsl(266, 36%, 38%)
Luminanz: 0,074

Pink Pepper #F35C6E

RGB: rgb(243, 92, 110)
HSL: hsl(353, 86%, 66%)
Luminanz: 0,278

Peachy #FFA87B

RGB: rgb(255, 168, 123)
HSL: hsl(20, 100%, 74%)
Luminanz: 0,507

Kontrast & Barrierefreiheit

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

Aa #5C3E84 auf #FFA87B 4,50:1 AA

Aa #5C3E84 auf #F35C6E 2,65:1 Nicht bestanden

Aa #686EE2 auf #FFA87B 2,27:1 Nicht bestanden

Aa #686EE2 auf #5C3E84 1,98:1 Nicht bestanden

Aa #F35C6E auf #FFA87B 1,70:1 Nicht bestanden

Aa #686EE2 auf #F35C6E 1,34:1 Nicht bestanden

Palette „Peachy“ mit 4 Farben