Startseite Farbpaletten Palette „Bone White“ mit 4 Farben

Palette „Bone White“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Bone 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 6.312

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #495371;
  --c-muted-2: #74959A;
  --c-muted-3: #98B4AA;
  --c-muted-4: #F1E0AC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Bone White (#F1E0AC) bis zum dunkelsten Ton Signature Blue (#495371). Sie vereint Signature Blue, Cavolo Nero, Nile River und Bone White 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 #495371 auf #F1E0AC mit 5,8:1.

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

Farben im Detail

Signature Blue #495371

RGB: rgb(73, 83, 113)
HSL: hsl(225, 22%, 36%)
Luminanz: 0,088

Cavolo Nero #74959A

RGB: rgb(116, 149, 154)
HSL: hsl(188, 16%, 53%)
Luminanz: 0,275

Nile River #98B4AA

RGB: rgb(152, 180, 170)
HSL: hsl(159, 16%, 65%)
Luminanz: 0,422

Bone White #F1E0AC

RGB: rgb(241, 224, 172)
HSL: hsl(45, 71%, 81%)
Luminanz: 0,750

Kontrast & Barrierefreiheit

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

Aa #495371 auf #F1E0AC 5,80:1 AA

Aa #495371 auf #98B4AA 3,42:1 AA (großer Text)

Aa #74959A auf #F1E0AC 2,46:1 Nicht bestanden

Aa #495371 auf #74959A 2,36:1 Nicht bestanden

Aa #98B4AA auf #F1E0AC 1,69:1 Nicht bestanden

Aa #74959A auf #98B4AA 1,45:1 Nicht bestanden

Palette „Bone White“ mit 4 Farben