Startseite Farbpaletten Palette „Bruschetta Tomato“ mit 4 Farben

Palette „Bruschetta Tomato“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Bruschetta Tomato“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 4.945

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #18587A;
  --c-vibrant-2: #FC624D;
  --c-vibrant-3: #FCA7A7;
  --c-vibrant-4: #FFD6D6;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton We Peep (#FFD6D6) bis zum dunkelsten Ton Saltwater Denim (#18587A). Sie vereint Saltwater Denim, Bruschetta Tomato, Upstream Salmon und We Peep in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #18587A auf #FFD6D6 mit 5,83:1.

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

Farben im Detail

Saltwater Denim #18587A

RGB: rgb(24, 88, 122)
HSL: hsl(201, 67%, 29%)
Luminanz: 0,086

Bruschetta Tomato #FC624D

RGB: rgb(252, 98, 77)
HSL: hsl(7, 97%, 65%)
Luminanz: 0,300

Upstream Salmon #FCA7A7

RGB: rgb(252, 167, 167)
HSL: hsl(0, 93%, 82%)
Luminanz: 0,511

We Peep #FFD6D6

RGB: rgb(255, 214, 214)
HSL: hsl(0, 100%, 92%)
Luminanz: 0,742

Kontrast & Barrierefreiheit

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

Aa #18587A auf #FFD6D6 5,83:1 AA

Aa #18587A auf #FCA7A7 4,13:1 AA (großer Text)

Aa #18587A auf #FC624D 2,58:1 Nicht bestanden

Aa #FC624D auf #FFD6D6 2,27:1 Nicht bestanden

Aa #FC624D auf #FCA7A7 1,61:1 Nicht bestanden

Aa #FCA7A7 auf #FFD6D6 1,41:1 Nicht bestanden

Palette „Bruschetta Tomato“ mit 4 Farben