Startseite Farbpaletten Rube Goldberg

Rube Goldberg

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

Zurück zur Bibliothek

Rube Goldberg

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär pixeljoint

Likes 9

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #E1E1DF;
  --c-earthy-2: #F3D754;
  --c-earthy-3: #CBBEAD;
  --c-earthy-4: #F0BD8A;
  --c-earthy-5: #CE6C37;
  --c-earthy-6: #F03428;
  --c-earthy-7: #04B0D8;
  --c-earthy-8: #54A04F;
  --c-earthy-9: #232722;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Intrepid Grey (#E1E1DF) bis zum dunkelsten Ton Nero (#232722). Sie vereint Intrepid Grey, Energy Yellow, Minimalist, Apricot Cream, Hot Caramel, Red Rampage, Malibu Blue, Parsley Green und Nero in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E1E1DF auf #232722 mit 11,58: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

Intrepid Grey #E1E1DF

RGB: rgb(225, 225, 223)
HSL: hsl(60, 3%, 88%)
Luminanz: 0,752

Energy Yellow #F3D754

RGB: rgb(243, 215, 84)
HSL: hsl(49, 87%, 64%)
Luminanz: 0,683

Minimalist #CBBEAD

RGB: rgb(203, 190, 173)
HSL: hsl(34, 22%, 74%)
Luminanz: 0,525

Apricot Cream #F0BD8A

RGB: rgb(240, 189, 138)
HSL: hsl(30, 77%, 74%)
Luminanz: 0,568

Hot Caramel #CE6C37

RGB: rgb(206, 108, 55)
HSL: hsl(21, 61%, 51%)
Luminanz: 0,241

Red Rampage #F03428

RGB: rgb(240, 52, 40)
HSL: hsl(4, 87%, 55%)
Luminanz: 0,211

Malibu Blue #04B0D8

RGB: rgb(4, 176, 216)
HSL: hsl(191, 96%, 43%)
Luminanz: 0,360

Parsley Green #54A04F

RGB: rgb(84, 160, 79)
HSL: hsl(116, 34%, 47%)
Luminanz: 0,276

Nero #232722

RGB: rgb(35, 39, 34)
HSL: hsl(108, 7%, 14%)
Luminanz: 0,019

Kontrast & Barrierefreiheit

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

Aa #E1E1DF auf #232722 11,58:1 AAA

Aa #F3D754 auf #232722 10,59:1 AAA

Aa #F0BD8A auf #232722 8,92:1 AAA

Aa #CBBEAD auf #232722 8,31:1 AAA

Aa #04B0D8 auf #232722 5,93:1 AA

Aa #54A04F auf #232722 4,71:1 AA

Aa #CE6C37 auf #232722 4,21:1 AA (großer Text)

Aa #F03428 auf #232722 3,77:1 AA (großer Text)

Aa #E1E1DF auf #F03428 3,07:1 AA (großer Text)

Aa #F3D754 auf #F03428 2,80:1 Nicht bestanden

Aa #E1E1DF auf #CE6C37 2,75:1 Nicht bestanden

Aa #F3D754 auf #CE6C37 2,52:1 Nicht bestanden

Aa #E1E1DF auf #54A04F 2,46:1 Nicht bestanden

Aa #F0BD8A auf #F03428 2,36:1 Nicht bestanden

Aa #F3D754 auf #54A04F 2,25:1 Nicht bestanden

Aa #CBBEAD auf #F03428 2,20:1 Nicht bestanden

Aa #F0BD8A auf #CE6C37 2,12:1 Nicht bestanden

Aa #CBBEAD auf #CE6C37 1,98:1 Nicht bestanden

Aa #E1E1DF auf #04B0D8 1,95:1 Nicht bestanden

Aa #F0BD8A auf #54A04F 1,89:1 Nicht bestanden

Aa #F3D754 auf #04B0D8 1,79:1 Nicht bestanden

Aa #CBBEAD auf #54A04F 1,77:1 Nicht bestanden

Aa #F03428 auf #04B0D8 1,57:1 Nicht bestanden

Aa #F0BD8A auf #04B0D8 1,50:1 Nicht bestanden

Aa #CE6C37 auf #04B0D8 1,41:1 Nicht bestanden

Aa #CBBEAD auf #04B0D8 1,40:1 Nicht bestanden

Aa #E1E1DF auf #CBBEAD 1,39:1 Nicht bestanden

Aa #E1E1DF auf #F0BD8A 1,30:1 Nicht bestanden

Aa #F3D754 auf #CBBEAD 1,27:1 Nicht bestanden

Aa #04B0D8 auf #54A04F 1,26:1 Nicht bestanden

Aa #F03428 auf #54A04F 1,25:1 Nicht bestanden

Aa #F3D754 auf #F0BD8A 1,19:1 Nicht bestanden

Aa #CE6C37 auf #54A04F 1,12:1 Nicht bestanden

Aa #CE6C37 auf #F03428 1,11:1 Nicht bestanden

Aa #E1E1DF auf #F3D754 1,09:1 Nicht bestanden

Aa #CBBEAD auf #F0BD8A 1,07:1 Nicht bestanden

Rube Goldberg

Rube Goldberg

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen