Startseite Farbpaletten Palette „Reddish White“ mit 4 Farben

Palette „Reddish White“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Reddish White“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 3.239

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #313647;
  --c-muted-2: #435663;
  --c-muted-3: #A3B087;
  --c-muted-4: #FFF8D4;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Reddish White (#FFF8D4) bis zum dunkelsten Ton German Liquorice (#313647). Sie vereint German Liquorice, Alien, Filigree Green und Reddish White 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 #313647 auf #FFF8D4 mit 11,22:1.

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

Farben im Detail

German Liquorice #313647

RGB: rgb(49, 54, 71)
HSL: hsl(226, 18%, 24%)
Luminanz: 0,038

Alien #435663

RGB: rgb(67, 86, 99)
HSL: hsl(204, 19%, 33%)
Luminanz: 0,088

Filigree Green #A3B087

RGB: rgb(163, 176, 135)
HSL: hsl(79, 21%, 61%)
Luminanz: 0,406

Reddish White #FFF8D4

RGB: rgb(255, 248, 212)
HSL: hsl(50, 100%, 92%)
Luminanz: 0,932

Kontrast & Barrierefreiheit

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

Aa #313647 auf #FFF8D4 11,22:1 AAA

Aa #435663 auf #FFF8D4 7,14:1 AAA

Aa #313647 auf #A3B087 5,21:1 AA

Aa #435663 auf #A3B087 3,32:1 AA (großer Text)

Aa #A3B087 auf #FFF8D4 2,15:1 Nicht bestanden

Aa #313647 auf #435663 1,57:1 Nicht bestanden

Palette „Reddish White“ mit 4 Farben