Startseite Farbpaletten Palette „Artful Aqua“ mit 4 Farben

Palette „Artful Aqua“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Artful Aqua“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Hell Monochrom

Likes 7.415

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F2F6F5;
  --c-muted-2: #C8DAD3;
  --c-muted-3: #93B5B3;
  --c-muted-4: #63707E;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Chef’s Hat (#F2F6F5) bis zum dunkelsten Ton Buoyant (#63707E). Sie vereint Chef’s Hat, Cool Mint, Artful Aqua und Buoyant 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 #F2F6F5 auf #63707E mit 4,65:1.

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

Farben im Detail

Chef’s Hat #F2F6F5

RGB: rgb(242, 246, 245)
HSL: hsl(165, 18%, 96%)
Luminanz: 0,914

Cool Mint #C8DAD3

RGB: rgb(200, 218, 211)
HSL: hsl(157, 20%, 82%)
Luminanz: 0,671

Artful Aqua #93B5B3

RGB: rgb(147, 181, 179)
HSL: hsl(176, 19%, 64%)
Luminanz: 0,425

Buoyant #63707E

RGB: rgb(99, 112, 126)
HSL: hsl(211, 12%, 44%)
Luminanz: 0,158

Kontrast & Barrierefreiheit

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

Aa #F2F6F5 auf #63707E 4,65:1 AA

Aa #C8DAD3 auf #63707E 3,48:1 AA (großer Text)

Aa #93B5B3 auf #63707E 2,29:1 Nicht bestanden

Aa #F2F6F5 auf #93B5B3 2,03:1 Nicht bestanden

Aa #C8DAD3 auf #93B5B3 1,52:1 Nicht bestanden

Aa #F2F6F5 auf #C8DAD3 1,34:1 Nicht bestanden

Palette „Artful Aqua“ mit 4 Farben