Laugh. 8

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

Zurück zur Bibliothek

Laugh. 8

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär laugh spaff

Likes 8

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #765F56;
  --c-earthy-2: #4F6666;
  --c-earthy-3: #4F48E6;
  --c-earthy-4: #D94170;
  --c-earthy-5: #C147DD;
  --c-earthy-6: #B3A63F;
  --c-earthy-7: #7CCC4A;
  --c-earthy-8: #E3B563;
  --c-earthy-9: #BBBBFA;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Dried Lilac (#BBBBFA) bis zum dunkelsten Ton Dark Soft Violet (#4F48E6). Sie vereint Raccoon Tail, Angry Ocean, Dark Soft Violet, Qermez Red, Ultraviolet Onsible, Brass, Green Flash, Buzzworthy und Dried Lilac in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 36 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

Raccoon Tail #765F56

RGB: rgb(118, 95, 86)
HSL: hsl(17, 16%, 40%)
Luminanz: 0,127

Angry Ocean #4F6666

RGB: rgb(79, 102, 102)
HSL: hsl(180, 13%, 35%)
Luminanz: 0,121

Dark Soft Violet #4F48E6

RGB: rgb(79, 72, 230)
HSL: hsl(243, 76%, 59%)
Luminanz: 0,120

Qermez Red #D94170

RGB: rgb(217, 65, 112)
HSL: hsl(341, 67%, 55%)
Luminanz: 0,197

Ultraviolet Onsible #C147DD

RGB: rgb(193, 71, 221)
HSL: hsl(289, 69%, 57%)
Luminanz: 0,211

Brass #B3A63F

RGB: rgb(179, 166, 63)
HSL: hsl(53, 48%, 47%)
Luminanz: 0,372

Green Flash #7CCC4A

RGB: rgb(124, 204, 74)
HSL: hsl(97, 56%, 55%)
Luminanz: 0,480

Buzzworthy #E3B563

RGB: rgb(227, 181, 99)
HSL: hsl(38, 70%, 64%)
Luminanz: 0,503

Dried Lilac #BBBBFA

RGB: rgb(187, 187, 250)
HSL: hsl(240, 86%, 86%)
Luminanz: 0,530

Kontrast & Barrierefreiheit

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

Aa #4F48E6 auf #BBBBFA 3,41:1 AA (großer Text)

Aa #4F6666 auf #BBBBFA 3,39:1 AA (großer Text)

Aa #765F56 auf #BBBBFA 3,28:1 AA (großer Text)

Aa #4F48E6 auf #E3B563 3,25:1 AA (großer Text)

Aa #4F6666 auf #E3B563 3,23:1 AA (großer Text)

Aa #765F56 auf #E3B563 3,12:1 AA (großer Text)

Aa #4F48E6 auf #7CCC4A 3,11:1 AA (großer Text)

Aa #4F6666 auf #7CCC4A 3,09:1 AA (großer Text)

Aa #765F56 auf #7CCC4A 2,99:1 Nicht bestanden

Aa #4F48E6 auf #B3A63F 2,48:1 Nicht bestanden

Aa #4F6666 auf #B3A63F 2,47:1 Nicht bestanden

Aa #765F56 auf #B3A63F 2,38:1 Nicht bestanden

Aa #D94170 auf #BBBBFA 2,35:1 Nicht bestanden

Aa #D94170 auf #E3B563 2,24:1 Nicht bestanden

Aa #C147DD auf #BBBBFA 2,23:1 Nicht bestanden

Aa #D94170 auf #7CCC4A 2,14:1 Nicht bestanden

Aa #C147DD auf #E3B563 2,12:1 Nicht bestanden

Aa #C147DD auf #7CCC4A 2,03:1 Nicht bestanden

Aa #D94170 auf #B3A63F 1,71:1 Nicht bestanden

Aa #C147DD auf #B3A63F 1,62:1 Nicht bestanden

Aa #4F48E6 auf #C147DD 1,53:1 Nicht bestanden

Aa #4F6666 auf #C147DD 1,52:1 Nicht bestanden

Aa #765F56 auf #C147DD 1,47:1 Nicht bestanden

Aa #4F48E6 auf #D94170 1,45:1 Nicht bestanden

Aa #4F6666 auf #D94170 1,44:1 Nicht bestanden

Aa #765F56 auf #D94170 1,39:1 Nicht bestanden

Aa #B3A63F auf #BBBBFA 1,37:1 Nicht bestanden

Aa #B3A63F auf #E3B563 1,31:1 Nicht bestanden

Aa #B3A63F auf #7CCC4A 1,25:1 Nicht bestanden

Aa #7CCC4A auf #BBBBFA 1,10:1 Nicht bestanden

Aa #D94170 auf #C147DD 1,06:1 Nicht bestanden

Aa #E3B563 auf #BBBBFA 1,05:1 Nicht bestanden

Aa #765F56 auf #4F48E6 1,04:1 Nicht bestanden

Aa #7CCC4A auf #E3B563 1,04:1 Nicht bestanden

Aa #765F56 auf #4F6666 1,03:1 Nicht bestanden

Aa #4F6666 auf #4F48E6 1,01:1 Nicht bestanden

Laugh. 8

Laugh. 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen