Startseite Farbpaletten Palette „Tomato Burst“ mit 4 Farben

Palette „Tomato Burst“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Tomato Burst“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 141

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #DB1A1A;
  --c-vibrant-2: #FFF6F6;
  --c-vibrant-3: #8CC7C4;
  --c-vibrant-4: #2C687B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sea Salt Sherbet (#FFF6F6) bis zum dunkelsten Ton San Gabriel Blue (#2C687B). Sie vereint Tomato Burst, Sea Salt Sherbet, Mercury Mist und San Gabriel Blue 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 #FFF6F6 auf #2C687B mit 5,86:1.

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

Farben im Detail

Tomato Burst #DB1A1A

RGB: rgb(219, 26, 26)
HSL: hsl(0, 79%, 48%)
Luminanz: 0,159

Sea Salt Sherbet #FFF6F6

RGB: rgb(255, 246, 246)
HSL: hsl(0, 100%, 98%)
Luminanz: 0,938

Mercury Mist #8CC7C4

RGB: rgb(140, 199, 196)
HSL: hsl(177, 35%, 66%)
Luminanz: 0,504

San Gabriel Blue #2C687B

RGB: rgb(44, 104, 123)
HSL: hsl(194, 47%, 33%)
Luminanz: 0,119

Kontrast & Barrierefreiheit

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

Aa #FFF6F6 auf #2C687B 5,86:1 AA

Aa #DB1A1A auf #FFF6F6 4,73:1 AA

Aa #8CC7C4 auf #2C687B 3,29:1 AA (großer Text)

Aa #DB1A1A auf #8CC7C4 2,65:1 Nicht bestanden

Aa #FFF6F6 auf #8CC7C4 1,78:1 Nicht bestanden

Aa #DB1A1A auf #2C687B 1,24:1 Nicht bestanden

Palette „Tomato Burst“ mit 4 Farben