Startseite Farbpaletten Palette „Reddish White“ mit 4 Farben

Palette „Reddish White“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Reddish White“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Hell Komplementär

Likes 2.026

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #733C3C;
  --c-vibrant-2: #8479E1;
  --c-vibrant-3: #B4ECE3;
  --c-vibrant-4: #FFF8D5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Reddish White (#FFF8D5) bis zum dunkelsten Ton Tuscan Russet (#733C3C). Sie vereint Tuscan Russet, Indigo Bloom, Gentle Giant und Reddish White 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 #733C3C auf #FFF8D5 mit 8,05:1.

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

Farben im Detail

Tuscan Russet #733C3C

RGB: rgb(115, 60, 60)
HSL: hsl(0, 31%, 34%)
Luminanz: 0,072

Indigo Bloom #8479E1

RGB: rgb(132, 121, 225)
HSL: hsl(246, 63%, 68%)
Luminanz: 0,240

Gentle Giant #B4ECE3

RGB: rgb(180, 236, 227)
HSL: hsl(170, 60%, 82%)
Luminanz: 0,752

Reddish White #FFF8D5

RGB: rgb(255, 248, 213)
HSL: hsl(50, 100%, 92%)
Luminanz: 0,932

Kontrast & Barrierefreiheit

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

Aa #733C3C auf #FFF8D5 8,05:1 AAA

Aa #733C3C auf #B4ECE3 6,58:1 AA

Aa #8479E1 auf #FFF8D5 3,38:1 AA (großer Text)

Aa #8479E1 auf #B4ECE3 2,77:1 Nicht bestanden

Aa #733C3C auf #8479E1 2,38:1 Nicht bestanden

Aa #B4ECE3 auf #FFF8D5 1,22:1 Nicht bestanden

Palette „Reddish White“ mit 4 Farben