Startseite Farbpaletten Palette „Photon White“ mit 4 Farben

Palette „Photon White“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Photon White“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Hell Triadisch

Likes 11.111

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F7F7E8;
  --c-muted-2: #C7CFB7;
  --c-muted-3: #9DAD7F;
  --c-muted-4: #557174;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Photon White (#F7F7E8) bis zum dunkelsten Ton Juniper Berries (#557174). Sie vereint Photon White, Tender Greens, Siamese Green und Juniper Berries 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 #F7F7E8 auf #557174 mit 4,86:1.

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

Farben im Detail

Photon White #F7F7E8

RGB: rgb(247, 247, 232)
HSL: hsl(60, 48%, 94%)
Luminanz: 0,921

Tender Greens #C7CFB7

RGB: rgb(199, 207, 183)
HSL: hsl(80, 20%, 76%)
Luminanz: 0,602

Siamese Green #9DAD7F

RGB: rgb(157, 173, 127)
HSL: hsl(81, 22%, 59%)
Luminanz: 0,386

Juniper Berries #557174

RGB: rgb(85, 113, 116)
HSL: hsl(186, 15%, 39%)
Luminanz: 0,150

Kontrast & Barrierefreiheit

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

Aa #F7F7E8 auf #557174 4,86:1 AA

Aa #C7CFB7 auf #557174 3,26:1 AA (großer Text)

Aa #F7F7E8 auf #9DAD7F 2,23:1 Nicht bestanden

Aa #9DAD7F auf #557174 2,18:1 Nicht bestanden

Aa #C7CFB7 auf #9DAD7F 1,50:1 Nicht bestanden

Aa #F7F7E8 auf #C7CFB7 1,49:1 Nicht bestanden

Palette „Photon White“ mit 4 Farben