Startseite Farbpaletten Palette „Brick Red“ mit 4 Farben

Palette „Brick Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Brick Red“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 6.480

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #3E0703;
  --c-vibrant-2: #660B05;
  --c-vibrant-3: #8C1007;
  --c-vibrant-4: #FFF0C4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Rich Ivory (#FFF0C4) bis zum dunkelsten Ton Burnt Maroon (#3E0703). Sie vereint Burnt Maroon, Beastly Red, Brick Red und Rich Ivory in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3E0703 auf #FFF0C4 mit 14,97:1.

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

Farben im Detail

Burnt Maroon #3E0703

RGB: rgb(62, 7, 3)
HSL: hsl(4, 91%, 13%)
Luminanz: 0,012

Beastly Red #660B05

RGB: rgb(102, 11, 5)
HSL: hsl(4, 91%, 21%)
Luminanz: 0,031

Brick Red #8C1007

RGB: rgb(140, 16, 7)
HSL: hsl(4, 90%, 29%)
Luminanz: 0,060

Rich Ivory #FFF0C4

RGB: rgb(255, 240, 196)
HSL: hsl(45, 100%, 88%)
Luminanz: 0,876

Kontrast & Barrierefreiheit

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

Aa #3E0703 auf #FFF0C4 14,97:1 AAA

Aa #660B05 auf #FFF0C4 11,46:1 AAA

Aa #8C1007 auf #FFF0C4 8,44:1 AAA

Aa #3E0703 auf #8C1007 1,77:1 Nicht bestanden

Aa #660B05 auf #8C1007 1,36:1 Nicht bestanden

Aa #3E0703 auf #660B05 1,31:1 Nicht bestanden

Palette „Brick Red“ mit 4 Farben