Blue Skyes

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Blue Skyes

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär blue flower epic palette

Likes 12

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #191919;
  --c-earthy-2: #957914;
  --c-earthy-3: #E2E7F6;
  --c-earthy-4: #DCA2D6;
  --c-earthy-5: #71455D;
  --c-earthy-6: #3598B0;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Crystal Falls (#E2E7F6) bis zum dunkelsten Ton Thamar Black (#191919). Sie vereint Thamar Black, Jīn Zōng Gold, Crystal Falls, Plum Juice, Wizard Time und Enchanted Well in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #191919 auf #E2E7F6 mit 14,23: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

Thamar Black #191919

RGB: rgb(25, 25, 25)
HSL: hsl(0, 0%, 10%)
Luminanz: 0,010

Jīn Zōng Gold #957914

RGB: rgb(149, 121, 20)
HSL: hsl(47, 76%, 33%)
Luminanz: 0,201

Crystal Falls #E2E7F6

RGB: rgb(226, 231, 246)
HSL: hsl(225, 53%, 93%)
Luminanz: 0,800

Plum Juice #DCA2D6

RGB: rgb(220, 162, 214)
HSL: hsl(306, 45%, 75%)
Luminanz: 0,459

Wizard Time #71455D

RGB: rgb(113, 69, 93)
HSL: hsl(327, 24%, 36%)
Luminanz: 0,086

Enchanted Well #3598B0

RGB: rgb(53, 152, 176)
HSL: hsl(192, 54%, 45%)
Luminanz: 0,264

Kontrast & Barrierefreiheit

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

Aa #191919 auf #E2E7F6 14,23:1 AAA

Aa #191919 auf #DCA2D6 8,52:1 AAA

Aa #E2E7F6 auf #71455D 6,27:1 AA

Aa #191919 auf #3598B0 5,25:1 AA

Aa #191919 auf #957914 4,21:1 AA (großer Text)

Aa #DCA2D6 auf #71455D 3,76:1 AA (großer Text)

Aa #957914 auf #E2E7F6 3,38:1 AA (großer Text)

Aa #E2E7F6 auf #3598B0 2,71:1 Nicht bestanden

Aa #71455D auf #3598B0 2,31:1 Nicht bestanden

Aa #191919 auf #71455D 2,27:1 Nicht bestanden

Aa #957914 auf #DCA2D6 2,03:1 Nicht bestanden

Aa #957914 auf #71455D 1,85:1 Nicht bestanden

Aa #E2E7F6 auf #DCA2D6 1,67:1 Nicht bestanden

Aa #DCA2D6 auf #3598B0 1,62:1 Nicht bestanden

Aa #957914 auf #3598B0 1,25:1 Nicht bestanden

Blue Skyes

Blue Skyes

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen