Startseite Farbpaletten Palette „Thai Mango“ mit 4 Farben

Palette „Thai Mango“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Thai Mango“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 2.110

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #A62C2C;
  --c-vibrant-2: #E83F25;
  --c-vibrant-3: #EA7300;
  --c-vibrant-4: #D3CA79;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton March Tulip Green (#D3CA79) bis zum dunkelsten Ton Harissa Red (#A62C2C). Sie vereint Harissa Red, Raiden’s Fury, Thai Mango und March Tulip Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Harissa Red #A62C2C

RGB: rgb(166, 44, 44)
HSL: hsl(0, 58%, 41%)
Luminanz: 0,101

Raiden’s Fury #E83F25

RGB: rgb(232, 63, 37)
HSL: hsl(8, 81%, 53%)
Luminanz: 0,208

Thai Mango #EA7300

RGB: rgb(234, 115, 0)
HSL: hsl(29, 100%, 46%)
Luminanz: 0,298

March Tulip Green #D3CA79

RGB: rgb(211, 202, 121)
HSL: hsl(54, 51%, 65%)
Luminanz: 0,575

Kontrast & Barrierefreiheit

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

Aa #A62C2C auf #D3CA79 4,14:1 AA (großer Text)

Aa #E83F25 auf #D3CA79 2,42:1 Nicht bestanden

Aa #A62C2C auf #EA7300 2,30:1 Nicht bestanden

Aa #EA7300 auf #D3CA79 1,80:1 Nicht bestanden

Aa #A62C2C auf #E83F25 1,71:1 Nicht bestanden

Aa #E83F25 auf #EA7300 1,34:1 Nicht bestanden

Palette „Thai Mango“ mit 4 Farben