Startseite Farbpaletten Winter Wonderland

Winter Wonderland

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Winter Wonderland

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Analog blue cold grey snow

Likes 283

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #20284E;
  --c-muted-2: #2C4A78;
  --c-muted-3: #3875A1;
  --c-muted-4: #8BCADD;
  --c-muted-5: #FFFFFF;
  --c-muted-6: #D6E1E9;
  --c-muted-7: #A7BCC9;
  --c-muted-8: #738D9D;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Space Cadet (#20284E). Sie vereint Space Cadet, Sapphire Earrings, Taiwan Blue Magpie, Baby Motive, White, Beyond the Wall, Juliet Blue und Smoky Azurite in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #20284E auf #FFFFFF mit 14,24:1.

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

Farben im Detail

Space Cadet #20284E

RGB: rgb(32, 40, 78)
HSL: hsl(230, 42%, 22%)
Luminanz: 0,024

Sapphire Earrings #2C4A78

RGB: rgb(44, 74, 120)
HSL: hsl(216, 46%, 32%)
Luminanz: 0,068

Taiwan Blue Magpie #3875A1

RGB: rgb(56, 117, 161)
HSL: hsl(205, 48%, 43%)
Luminanz: 0,161

Baby Motive #8BCADD

RGB: rgb(139, 202, 221)
HSL: hsl(194, 55%, 71%)
Luminanz: 0,530

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Beyond the Wall #D6E1E9

RGB: rgb(214, 225, 233)
HSL: hsl(205, 30%, 88%)
Luminanz: 0,740

Juliet Blue #A7BCC9

RGB: rgb(167, 188, 201)
HSL: hsl(203, 24%, 72%)
Luminanz: 0,484

Smoky Azurite #738D9D

RGB: rgb(115, 141, 157)
HSL: hsl(203, 18%, 53%)
Luminanz: 0,251

Kontrast & Barrierefreiheit

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

Aa #20284E auf #FFFFFF 14,24:1 AAA

Aa #20284E auf #D6E1E9 10,72:1 AAA

Aa #2C4A78 auf #FFFFFF 8,91:1 AAA

Aa #20284E auf #8BCADD 7,86:1 AAA

Aa #20284E auf #A7BCC9 7,24:1 AAA

Aa #2C4A78 auf #D6E1E9 6,70:1 AA

Aa #3875A1 auf #FFFFFF 4,97:1 AA

Aa #2C4A78 auf #8BCADD 4,92:1 AA

Aa #2C4A78 auf #A7BCC9 4,53:1 AA

Aa #20284E auf #738D9D 4,09:1 AA (großer Text)

Aa #3875A1 auf #D6E1E9 3,74:1 AA (großer Text)

Aa #FFFFFF auf #738D9D 3,49:1 AA (großer Text)

Aa #20284E auf #3875A1 2,87:1 Nicht bestanden

Aa #3875A1 auf #8BCADD 2,74:1 Nicht bestanden

Aa #D6E1E9 auf #738D9D 2,62:1 Nicht bestanden

Aa #2C4A78 auf #738D9D 2,56:1 Nicht bestanden

Aa #3875A1 auf #A7BCC9 2,53:1 Nicht bestanden

Aa #FFFFFF auf #A7BCC9 1,97:1 Nicht bestanden

Aa #8BCADD auf #738D9D 1,92:1 Nicht bestanden

Aa #8BCADD auf #FFFFFF 1,81:1 Nicht bestanden

Aa #2C4A78 auf #3875A1 1,79:1 Nicht bestanden

Aa #A7BCC9 auf #738D9D 1,77:1 Nicht bestanden

Aa #20284E auf #2C4A78 1,60:1 Nicht bestanden

Aa #D6E1E9 auf #A7BCC9 1,48:1 Nicht bestanden

Aa #3875A1 auf #738D9D 1,43:1 Nicht bestanden

Aa #8BCADD auf #D6E1E9 1,36:1 Nicht bestanden

Aa #FFFFFF auf #D6E1E9 1,33:1 Nicht bestanden

Aa #8BCADD auf #A7BCC9 1,09:1 Nicht bestanden

Winter Wonderland