Startseite Farbpaletten Palette „Rubber Ducky“ mit 4 Farben

Palette „Rubber Ducky“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Rubber Ducky“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.549

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #ED9153;
  --c-vibrant-2: #FBD157;
  --c-vibrant-3: #FBEDE1;
  --c-vibrant-4: #53435B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Fine White (#FBEDE1) bis zum dunkelsten Ton Parma Violet (#53435B). Sie vereint Chinese Lantern, Rubber Ducky, Fine White und Parma Violet 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 #FBEDE1 auf #53435B mit 7,88:1.

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

Farben im Detail

Chinese Lantern #ED9153

RGB: rgb(237, 145, 83)
HSL: hsl(24, 81%, 63%)
Luminanz: 0,389

Rubber Ducky #FBD157

RGB: rgb(251, 209, 87)
HSL: hsl(45, 95%, 66%)
Luminanz: 0,668

Fine White #FBEDE1

RGB: rgb(251, 237, 225)
HSL: hsl(28, 76%, 93%)
Luminanz: 0,865

Parma Violet #53435B

RGB: rgb(83, 67, 91)
HSL: hsl(280, 15%, 31%)
Luminanz: 0,066

Kontrast & Barrierefreiheit

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

Aa #FBEDE1 auf #53435B 7,88:1 AAA

Aa #FBD157 auf #53435B 6,18:1 AA

Aa #ED9153 auf #53435B 3,78:1 AA (großer Text)

Aa #ED9153 auf #FBEDE1 2,09:1 Nicht bestanden

Aa #ED9153 auf #FBD157 1,64:1 Nicht bestanden

Aa #FBD157 auf #FBEDE1 1,27:1 Nicht bestanden

Palette „Rubber Ducky“ mit 4 Farben