Startseite Farbpaletten Palette „Thick Red“ mit 4 Farben

Palette „Thick Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Thick Red“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.842

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #AC0C0C;
  --c-vibrant-2: #A7D82E;
  --c-vibrant-3: #F5F883;
  --c-vibrant-4: #FBFADF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Coconut Pulp (#FBFADF) bis zum dunkelsten Ton Thick Red (#AC0C0C). Sie vereint Thick Red, Pêra Rocha, Yellowish Tan und Coconut Pulp 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 #AC0C0C auf #FBFADF mit 7,06:1.

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

Farben im Detail

Thick Red #AC0C0C

RGB: rgb(172, 12, 12)
HSL: hsl(0, 87%, 36%)
Luminanz: 0,091

Pêra Rocha #A7D82E

RGB: rgb(167, 216, 46)
HSL: hsl(77, 69%, 51%)
Luminanz: 0,575

Yellowish Tan #F5F883

RGB: rgb(245, 248, 131)
HSL: hsl(62, 89%, 74%)
Luminanz: 0,882

Coconut Pulp #FBFADF

RGB: rgb(251, 250, 223)
HSL: hsl(58, 78%, 93%)
Luminanz: 0,942

Kontrast & Barrierefreiheit

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

Aa #AC0C0C auf #FBFADF 7,06:1 AAA

Aa #AC0C0C auf #F5F883 6,63:1 AA

Aa #AC0C0C auf #A7D82E 4,45:1 AA (großer Text)

Aa #A7D82E auf #FBFADF 1,59:1 Nicht bestanden

Aa #A7D82E auf #F5F883 1,49:1 Nicht bestanden

Aa #F5F883 auf #FBFADF 1,06:1 Nicht bestanden

Palette „Thick Red“ mit 4 Farben