Samey 12

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Samey 12

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 12 Farben Warm Gemischt Triadisch fall red warm brown

Likes 44

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #F0E7B1;
  --c-earthy-2: #DCB18C;
  --c-earthy-3: #A35F52;
  --c-earthy-4: #5B222B;
  --c-earthy-5: #F5F1F1;
  --c-earthy-6: #88975F;
  --c-earthy-7: #4A4D33;
  --c-earthy-8: #12070F;
  --c-earthy-9: #BBA5B2;
  --c-earthy-10: #694F7E;
  --c-earthy-11: #3C0B2F;
  --c-earthy-12: #AB4646;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Plastic Clouds (#F5F1F1) bis zum dunkelsten Ton Noir Fiction (#12070F). Sie vereint Oyster Bisque, Boot Hill Ghost, Foxy, Drops of God, Plastic Clouds, Vesuvian Green, Waiouru, Noir Fiction, Buckwheat Mauve, Virtual Violet, Greek Aubergine und Redtail in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 20 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F5F1F1 auf #12070F mit 17,62: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

Oyster Bisque #F0E7B1

RGB: rgb(240, 231, 177)
HSL: hsl(51, 68%, 82%)
Luminanz: 0,789

Boot Hill Ghost #DCB18C

RGB: rgb(220, 177, 140)
HSL: hsl(28, 53%, 71%)
Luminanz: 0,486

Foxy #A35F52

RGB: rgb(163, 95, 82)
HSL: hsl(10, 33%, 48%)
Luminanz: 0,166

Drops of God #5B222B

RGB: rgb(91, 34, 43)
HSL: hsl(351, 46%, 25%)
Luminanz: 0,035

Plastic Clouds #F5F1F1

RGB: rgb(245, 241, 241)
HSL: hsl(0, 17%, 95%)
Luminanz: 0,887

Vesuvian Green #88975F

RGB: rgb(136, 151, 95)
HSL: hsl(76, 23%, 48%)
Luminanz: 0,282

Waiouru #4A4D33

RGB: rgb(74, 77, 51)
HSL: hsl(67, 20%, 25%)
Luminanz: 0,070

Noir Fiction #12070F

RGB: rgb(18, 7, 15)
HSL: hsl(316, 44%, 5%)
Luminanz: 0,003

Buckwheat Mauve #BBA5B2

RGB: rgb(187, 165, 178)
HSL: hsl(325, 14%, 69%)
Luminanz: 0,407

Virtual Violet #694F7E

RGB: rgb(105, 79, 126)
HSL: hsl(273, 23%, 40%)
Luminanz: 0,101

Greek Aubergine #3C0B2F

RGB: rgb(60, 11, 47)
HSL: hsl(316, 69%, 14%)
Luminanz: 0,014

Redtail #AB4646

RGB: rgb(171, 70, 70)
HSL: hsl(0, 42%, 47%)
Luminanz: 0,135

Kontrast & Barrierefreiheit

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

Aa #F5F1F1 auf #12070F 17,62:1 AAA

Aa #F0E7B1 auf #12070F 15,78:1 AAA

Aa #F5F1F1 auf #3C0B2F 14,62:1 AAA

Aa #F0E7B1 auf #3C0B2F 13,09:1 AAA

Aa #5B222B auf #F5F1F1 10,97:1 AAA

Aa #DCB18C auf #12070F 10,08:1 AAA

Aa #F0E7B1 auf #5B222B 9,82:1 AAA

Aa #12070F auf #BBA5B2 8,60:1 AAA

Aa #DCB18C auf #3C0B2F 8,36:1 AAA

Aa #F5F1F1 auf #4A4D33 7,80:1 AAA

Aa #BBA5B2 auf #3C0B2F 7,13:1 AAA

Aa #F0E7B1 auf #4A4D33 6,99:1 AA

Aa #DCB18C auf #5B222B 6,27:1 AA

Aa #88975F auf #12070F 6,25:1 AA

Aa #F5F1F1 auf #694F7E 6,20:1 AA

Aa #F0E7B1 auf #694F7E 5,55:1 AA

Aa #5B222B auf #BBA5B2 5,35:1 AA

Aa #88975F auf #3C0B2F 5,18:1 AA

Aa #F5F1F1 auf #AB4646 5,07:1 AA

Aa #F0E7B1 auf #AB4646 4,54:1 AA

Aa #DCB18C auf #4A4D33 4,46:1 AA (großer Text)

Aa #A35F52 auf #F5F1F1 4,34:1 AA (großer Text)

Aa #A35F52 auf #12070F 4,06:1 AA (großer Text)

Aa #F0E7B1 auf #A35F52 3,89:1 AA (großer Text)

Aa #5B222B auf #88975F 3,89:1 AA (großer Text)

Aa #4A4D33 auf #BBA5B2 3,81:1 AA (großer Text)

Aa #DCB18C auf #694F7E 3,55:1 AA (großer Text)

Aa #12070F auf #AB4646 3,48:1 AA (großer Text)

Aa #A35F52 auf #3C0B2F 3,37:1 AA (großer Text)

Aa #BBA5B2 auf #694F7E 3,03:1 AA (großer Text)

Aa #DCB18C auf #AB4646 2,90:1 Nicht bestanden

Aa #3C0B2F auf #AB4646 2,89:1 Nicht bestanden

Aa #12070F auf #694F7E 2,84:1 Nicht bestanden

Aa #F5F1F1 auf #88975F 2,82:1 Nicht bestanden

Aa #88975F auf #4A4D33 2,77:1 Nicht bestanden

Aa #F0E7B1 auf #88975F 2,53:1 Nicht bestanden

Aa #A35F52 auf #5B222B 2,53:1 Nicht bestanden

Aa #DCB18C auf #A35F52 2,48:1 Nicht bestanden

Aa #BBA5B2 auf #AB4646 2,47:1 Nicht bestanden

Aa #694F7E auf #3C0B2F 2,36:1 Nicht bestanden

Aa #4A4D33 auf #12070F 2,26:1 Nicht bestanden

Aa #88975F auf #694F7E 2,20:1 Nicht bestanden

Aa #5B222B auf #AB4646 2,16:1 Nicht bestanden

Aa #A35F52 auf #BBA5B2 2,12:1 Nicht bestanden

Aa #F5F1F1 auf #BBA5B2 2,05:1 Nicht bestanden

Aa #4A4D33 auf #3C0B2F 1,87:1 Nicht bestanden

Aa #F0E7B1 auf #BBA5B2 1,84:1 Nicht bestanden

Aa #A35F52 auf #4A4D33 1,80:1 Nicht bestanden

Aa #88975F auf #AB4646 1,80:1 Nicht bestanden

Aa #5B222B auf #694F7E 1,77:1 Nicht bestanden

Aa #DCB18C auf #F5F1F1 1,75:1 Nicht bestanden

Aa #DCB18C auf #88975F 1,61:1 Nicht bestanden

Aa #5B222B auf #12070F 1,61:1 Nicht bestanden

Aa #F0E7B1 auf #DCB18C 1,57:1 Nicht bestanden

Aa #A35F52 auf #88975F 1,54:1 Nicht bestanden

Aa #4A4D33 auf #AB4646 1,54:1 Nicht bestanden

Aa #A35F52 auf #694F7E 1,43:1 Nicht bestanden

Aa #5B222B auf #4A4D33 1,41:1 Nicht bestanden

Aa #88975F auf #BBA5B2 1,38:1 Nicht bestanden

Aa #5B222B auf #3C0B2F 1,33:1 Nicht bestanden

Aa #4A4D33 auf #694F7E 1,26:1 Nicht bestanden

Aa #694F7E auf #AB4646 1,22:1 Nicht bestanden

Aa #12070F auf #3C0B2F 1,21:1 Nicht bestanden

Aa #DCB18C auf #BBA5B2 1,17:1 Nicht bestanden

Aa #A35F52 auf #AB4646 1,17:1 Nicht bestanden

Aa #F0E7B1 auf #F5F1F1 1,12:1 Nicht bestanden

Samey 12

Samey 12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen