CL8UDS

Palette mit 8 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

CL8UDS

Palette mit 8 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Hell Komplementär clouds sunset unsettled

Likes 1.322

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FCB08C;
  --c-earthy-2: #EF9D7F;
  --c-earthy-3: #D6938A;
  --c-earthy-4: #B48D92;
  --c-earthy-5: #A597A1;
  --c-earthy-6: #8FA0BF;
  --c-earthy-7: #9AABC9;
  --c-earthy-8: #A5B7D4;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Orange Grove (#FCB08C) bis zum dunkelsten Ton Rose Tea (#B48D92). Sie vereint Orange Grove, Cumquat Cream, Powder Blush, Rose Tea, Romantic Holiday, Electric Sky, Scorpion Grass Blue und Cashmere Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Orange Grove #FCB08C

RGB: rgb(252, 176, 140)
HSL: hsl(19, 95%, 77%)
Luminanz: 0,536

Cumquat Cream #EF9D7F

RGB: rgb(239, 157, 127)
HSL: hsl(16, 78%, 72%)
Luminanz: 0,440

Powder Blush #D6938A

RGB: rgb(214, 147, 138)
HSL: hsl(7, 48%, 69%)
Luminanz: 0,370

Rose Tea #B48D92

RGB: rgb(180, 141, 146)
HSL: hsl(352, 21%, 63%)
Luminanz: 0,308

Romantic Holiday #A597A1

RGB: rgb(165, 151, 161)
HSL: hsl(317, 7%, 62%)
Luminanz: 0,327

Electric Sky #8FA0BF

RGB: rgb(143, 160, 191)
HSL: hsl(219, 27%, 65%)
Luminanz: 0,347

Scorpion Grass Blue #9AABC9

RGB: rgb(154, 171, 201)
HSL: hsl(218, 30%, 70%)
Luminanz: 0,402

Cashmere Blue #A5B7D4

RGB: rgb(165, 183, 212)
HSL: hsl(217, 35%, 74%)
Luminanz: 0,466

Kontrast & Barrierefreiheit

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

Aa #FCB08C auf #B48D92 1,64:1 Nicht bestanden

Aa #FCB08C auf #A597A1 1,56:1 Nicht bestanden

Aa #FCB08C auf #8FA0BF 1,48:1 Nicht bestanden

Aa #B48D92 auf #A5B7D4 1,44:1 Nicht bestanden

Aa #FCB08C auf #D6938A 1,40:1 Nicht bestanden

Aa #EF9D7F auf #B48D92 1,37:1 Nicht bestanden

Aa #A597A1 auf #A5B7D4 1,37:1 Nicht bestanden

Aa #FCB08C auf #9AABC9 1,30:1 Nicht bestanden

Aa #EF9D7F auf #A597A1 1,30:1 Nicht bestanden

Aa #8FA0BF auf #A5B7D4 1,30:1 Nicht bestanden

Aa #B48D92 auf #9AABC9 1,26:1 Nicht bestanden

Aa #EF9D7F auf #8FA0BF 1,23:1 Nicht bestanden

Aa #D6938A auf #A5B7D4 1,23:1 Nicht bestanden

Aa #FCB08C auf #EF9D7F 1,20:1 Nicht bestanden

Aa #A597A1 auf #9AABC9 1,20:1 Nicht bestanden

Aa #EF9D7F auf #D6938A 1,17:1 Nicht bestanden

Aa #D6938A auf #B48D92 1,17:1 Nicht bestanden

Aa #FCB08C auf #A5B7D4 1,14:1 Nicht bestanden

Aa #8FA0BF auf #9AABC9 1,14:1 Nicht bestanden

Aa #9AABC9 auf #A5B7D4 1,14:1 Nicht bestanden

Aa #D6938A auf #A597A1 1,11:1 Nicht bestanden

Aa #B48D92 auf #8FA0BF 1,11:1 Nicht bestanden

Aa #EF9D7F auf #9AABC9 1,08:1 Nicht bestanden

Aa #D6938A auf #9AABC9 1,08:1 Nicht bestanden

Aa #D6938A auf #8FA0BF 1,06:1 Nicht bestanden

Aa #EF9D7F auf #A5B7D4 1,05:1 Nicht bestanden

Aa #B48D92 auf #A597A1 1,05:1 Nicht bestanden

Aa #A597A1 auf #8FA0BF 1,05:1 Nicht bestanden

CL8UDS

CL8UDS

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen