Soft Rainbow

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

Zurück zur Bibliothek

Soft Rainbow

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär

Likes 39

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #A085AB;
  --c-earthy-2: #C7453E;
  --c-earthy-3: #E57445;
  --c-earthy-4: #FFEDB2;
  --c-earthy-5: #BCD65E;
  --c-earthy-6: #77BAB4;
  --c-earthy-7: #257D8F;
  --c-earthy-8: #383431;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Dear Melissa (#FFEDB2) bis zum dunkelsten Ton Indigo Ink Brown (#383431). Sie vereint Celeb City, Reddish, Jaffa, Dear Melissa, Frog Prince, Polished Aqua, Bermuda und Indigo Ink Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFEDB2 auf #383431 mit 10,57: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

Celeb City #A085AB

RGB: rgb(160, 133, 171)
HSL: hsl(283, 18%, 60%)
Luminanz: 0,272

Reddish #C7453E

RGB: rgb(199, 69, 62)
HSL: hsl(3, 55%, 51%)
Luminanz: 0,168

Jaffa #E57445

RGB: rgb(229, 116, 69)
HSL: hsl(18, 75%, 58%)
Luminanz: 0,296

Dear Melissa #FFEDB2

RGB: rgb(255, 237, 178)
HSL: hsl(46, 100%, 85%)
Luminanz: 0,850

Frog Prince #BCD65E

RGB: rgb(188, 214, 94)
HSL: hsl(73, 59%, 60%)
Luminanz: 0,596

Polished Aqua #77BAB4

RGB: rgb(119, 186, 180)
HSL: hsl(175, 33%, 60%)
Luminanz: 0,423

Bermuda #257D8F

RGB: rgb(37, 125, 143)
HSL: hsl(190, 59%, 35%)
Luminanz: 0,170

Indigo Ink Brown #383431

RGB: rgb(56, 52, 49)
HSL: hsl(26, 7%, 21%)
Luminanz: 0,035

Kontrast & Barrierefreiheit

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

Aa #FFEDB2 auf #383431 10,57:1 AAA

Aa #BCD65E auf #383431 7,58:1 AAA

Aa #77BAB4 auf #383431 5,56:1 AA

Aa #C7453E auf #FFEDB2 4,14:1 AA (großer Text)

Aa #FFEDB2 auf #257D8F 4,08:1 AA (großer Text)

Aa #E57445 auf #383431 4,06:1 AA (großer Text)

Aa #A085AB auf #383431 3,78:1 AA (großer Text)

Aa #C7453E auf #BCD65E 2,97:1 Nicht bestanden

Aa #BCD65E auf #257D8F 2,93:1 Nicht bestanden

Aa #A085AB auf #FFEDB2 2,80:1 Nicht bestanden

Aa #E57445 auf #FFEDB2 2,60:1 Nicht bestanden

Aa #257D8F auf #383431 2,59:1 Nicht bestanden

Aa #C7453E auf #383431 2,55:1 Nicht bestanden

Aa #C7453E auf #77BAB4 2,18:1 Nicht bestanden

Aa #77BAB4 auf #257D8F 2,15:1 Nicht bestanden

Aa #A085AB auf #BCD65E 2,01:1 Nicht bestanden

Aa #FFEDB2 auf #77BAB4 1,90:1 Nicht bestanden

Aa #E57445 auf #BCD65E 1,87:1 Nicht bestanden

Aa #C7453E auf #E57445 1,59:1 Nicht bestanden

Aa #E57445 auf #257D8F 1,57:1 Nicht bestanden

Aa #A085AB auf #C7453E 1,48:1 Nicht bestanden

Aa #A085AB auf #77BAB4 1,47:1 Nicht bestanden

Aa #A085AB auf #257D8F 1,46:1 Nicht bestanden

Aa #FFEDB2 auf #BCD65E 1,39:1 Nicht bestanden

Aa #E57445 auf #77BAB4 1,37:1 Nicht bestanden

Aa #BCD65E auf #77BAB4 1,36:1 Nicht bestanden

Aa #A085AB auf #E57445 1,07:1 Nicht bestanden

Aa #C7453E auf #257D8F 1,01:1 Nicht bestanden

Soft Rainbow

Soft Rainbow

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen