Startseite Farbpaletten Palette „Child of Light“ mit 4 Farben

Palette „Child of Light“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Child of Light“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 20.795

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F0F5F9;
  --c-muted-2: #C9D6DF;
  --c-muted-3: #52616B;
  --c-muted-4: #1E2022;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Child of Light (#F0F5F9) bis zum dunkelsten Ton Inkwell Inception (#1E2022). Sie vereint Child of Light, Heaven Sent Storm, Wellerman und Inkwell Inception 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 #F0F5F9 auf #1E2022 mit 14,89:1.

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

Farben im Detail

Child of Light #F0F5F9

RGB: rgb(240, 245, 249)
HSL: hsl(207, 43%, 96%)
Luminanz: 0,907

Heaven Sent Storm #C9D6DF

RGB: rgb(201, 214, 223)
HSL: hsl(205, 26%, 83%)
Luminanz: 0,658

Wellerman #52616B

RGB: rgb(82, 97, 107)
HSL: hsl(204, 13%, 37%)
Luminanz: 0,114

Inkwell Inception #1E2022

RGB: rgb(30, 32, 34)
HSL: hsl(210, 6%, 13%)
Luminanz: 0,014

Kontrast & Barrierefreiheit

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

Aa #F0F5F9 auf #1E2022 14,89:1 AAA

Aa #C9D6DF auf #1E2022 11,03:1 AAA

Aa #F0F5F9 auf #52616B 5,83:1 AA

Aa #C9D6DF auf #52616B 4,32:1 AA (großer Text)

Aa #52616B auf #1E2022 2,55:1 Nicht bestanden

Aa #F0F5F9 auf #C9D6DF 1,35:1 Nicht bestanden

Palette „Child of Light“ mit 4 Farben