Startseite Farbpaletten Palette „Sefid White“ mit 4 Farben

Palette „Sefid White“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Sefid White“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Hell Triadisch

Likes 10.295

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FFF2F2;
  --c-muted-2: #A9B5DF;
  --c-muted-3: #7886C7;
  --c-muted-4: #2D336B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sefid White (#FFF2F2) bis zum dunkelsten Ton Deep Koamaru (#2D336B). Sie vereint Sefid White, Sassy Violet, Twilight Twinkle und Deep Koamaru 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 #FFF2F2 auf #2D336B mit 10,7:1.

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

Farben im Detail

Sefid White #FFF2F2

RGB: rgb(255, 242, 242)
HSL: hsl(0, 100%, 97%)
Luminanz: 0,912

Sassy Violet #A9B5DF

RGB: rgb(169, 181, 223)
HSL: hsl(227, 46%, 77%)
Luminanz: 0,468

Twilight Twinkle #7886C7

RGB: rgb(120, 134, 199)
HSL: hsl(229, 41%, 63%)
Luminanz: 0,252

Deep Koamaru #2D336B

RGB: rgb(45, 51, 107)
HSL: hsl(234, 41%, 30%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

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

Aa #FFF2F2 auf #2D336B 10,70:1 AAA

Aa #A9B5DF auf #2D336B 5,76:1 AA

Aa #7886C7 auf #2D336B 3,36:1 AA (großer Text)

Aa #FFF2F2 auf #7886C7 3,19:1 AA (großer Text)

Aa #FFF2F2 auf #A9B5DF 1,86:1 Nicht bestanden

Aa #A9B5DF auf #7886C7 1,72:1 Nicht bestanden

Palette „Sefid White“ mit 4 Farben