Startseite Farbpaletten Palette „Persimmon Fade“ mit 4 Farben

Palette „Persimmon Fade“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Persimmon Fade“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 4.427

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FEE9D7;
  --c-vibrant-2: #F9BF8F;
  --c-vibrant-3: #E2434B;
  --c-vibrant-4: #34222E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Blossom (#FEE9D7) bis zum dunkelsten Ton Anubis Black (#34222E). Sie vereint Blossom, Persimmon Fade, Vermilion Cinnabar und Anubis Black 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 #FEE9D7 auf #34222E mit 12,62:1.

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

Farben im Detail

Blossom #FEE9D7

RGB: rgb(254, 233, 215)
HSL: hsl(28, 95%, 92%)
Luminanz: 0,843

Persimmon Fade #F9BF8F

RGB: rgb(249, 191, 143)
HSL: hsl(27, 90%, 77%)
Luminanz: 0,594

Vermilion Cinnabar #E2434B

RGB: rgb(226, 67, 75)
HSL: hsl(357, 73%, 57%)
Luminanz: 0,207

Anubis Black #34222E

RGB: rgb(52, 34, 46)
HSL: hsl(320, 21%, 17%)
Luminanz: 0,021

Kontrast & Barrierefreiheit

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

Aa #FEE9D7 auf #34222E 12,62:1 AAA

Aa #F9BF8F auf #34222E 9,10:1 AAA

Aa #E2434B auf #34222E 3,63:1 AA (großer Text)

Aa #FEE9D7 auf #E2434B 3,47:1 AA (großer Text)

Aa #F9BF8F auf #E2434B 2,51:1 Nicht bestanden

Aa #FEE9D7 auf #F9BF8F 1,39:1 Nicht bestanden

Palette „Persimmon Fade“ mit 4 Farben