Crystal Ball

Palette mit 7 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Crystal Ball

Palette mit 7 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Erdig 7 Farben Kühl Hell Komplementär green pink blue mystical

Likes 48

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #37497B;
  --c-earthy-2: #3D7188;
  --c-earthy-3: #7FB0A5;
  --c-earthy-4: #ABBDC0;
  --c-earthy-5: #DBCBDF;
  --c-earthy-6: #FFD6F6;
  --c-earthy-7: #FEF1E8;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Pico Ivory (#FEF1E8) bis zum dunkelsten Ton Expressionism (#37497B). Sie vereint Expressionism, Calypso, Green Room, Alpine Haze, Grape Glimmer, Sweet Sachet und Pico Ivory in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #37497B auf #FEF1E8 mit 7,9:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Expressionism #37497B

RGB: rgb(55, 73, 123)
HSL: hsl(224, 38%, 35%)
Luminanz: 0,070

Calypso #3D7188

RGB: rgb(61, 113, 136)
HSL: hsl(198, 38%, 39%)
Luminanz: 0,146

Green Room #7FB0A5

RGB: rgb(127, 176, 165)
HSL: hsl(167, 24%, 59%)
Luminanz: 0,383

Alpine Haze #ABBDC0

RGB: rgb(171, 189, 192)
HSL: hsl(189, 14%, 71%)
Luminanz: 0,489

Grape Glimmer #DBCBDF

RGB: rgb(219, 203, 223)
HSL: hsl(288, 24%, 84%)
Luminanz: 0,631

Sweet Sachet #FFD6F6

RGB: rgb(255, 214, 246)
HSL: hsl(313, 100%, 92%)
Luminanz: 0,760

Pico Ivory #FEF1E8

RGB: rgb(254, 241, 232)
HSL: hsl(25, 92%, 95%)
Luminanz: 0,898

Kontrast & Barrierefreiheit

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

Aa #37497B auf #FEF1E8 7,90:1 AAA

Aa #37497B auf #FFD6F6 6,75:1 AA

Aa #37497B auf #DBCBDF 5,67:1 AA

Aa #3D7188 auf #FEF1E8 4,84:1 AA

Aa #37497B auf #ABBDC0 4,49:1 AA (großer Text)

Aa #3D7188 auf #FFD6F6 4,14:1 AA (großer Text)

Aa #37497B auf #7FB0A5 3,60:1 AA (großer Text)

Aa #3D7188 auf #DBCBDF 3,48:1 AA (großer Text)

Aa #3D7188 auf #ABBDC0 2,75:1 Nicht bestanden

Aa #3D7188 auf #7FB0A5 2,21:1 Nicht bestanden

Aa #7FB0A5 auf #FEF1E8 2,19:1 Nicht bestanden

Aa #7FB0A5 auf #FFD6F6 1,87:1 Nicht bestanden

Aa #ABBDC0 auf #FEF1E8 1,76:1 Nicht bestanden

Aa #37497B auf #3D7188 1,63:1 Nicht bestanden

Aa #7FB0A5 auf #DBCBDF 1,57:1 Nicht bestanden

Aa #ABBDC0 auf #FFD6F6 1,50:1 Nicht bestanden

Aa #DBCBDF auf #FEF1E8 1,39:1 Nicht bestanden

Aa #ABBDC0 auf #DBCBDF 1,26:1 Nicht bestanden

Aa #7FB0A5 auf #ABBDC0 1,24:1 Nicht bestanden

Aa #DBCBDF auf #FFD6F6 1,19:1 Nicht bestanden

Aa #FFD6F6 auf #FEF1E8 1,17:1 Nicht bestanden

Crystal Ball

Crystal Ball

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen