RGR Bone8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

RGR Bone8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Erdig 8 Farben Warm Gemischt Monochrom spooky retro monochromatic halloween

Likes 50

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #1A120B;
  --c-earthy-2: #2E251E;
  --c-earthy-3: #42392F;
  --c-earthy-4: #695F4F;
  --c-earthy-5: #8F8572;
  --c-earthy-6: #B5AC96;
  --c-earthy-7: #DBD3BA;
  --c-earthy-8: #F2EBD3;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Candlewick (#F2EBD3) bis zum dunkelsten Ton Crowshead (#1A120B). Sie vereint Crowshead, Wood Bark, Batch Brew, Lemur, Silver Sage, Explorer Khaki, Chino und Candlewick in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A120B auf #F2EBD3 mit 15,5: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

Crowshead #1A120B

RGB: rgb(26, 18, 11)
HSL: hsl(28, 41%, 7%)
Luminanz: 0,007

Wood Bark #2E251E

RGB: rgb(46, 37, 30)
HSL: hsl(26, 21%, 15%)
Luminanz: 0,020

Batch Brew #42392F

RGB: rgb(66, 57, 47)
HSL: hsl(32, 17%, 22%)
Luminanz: 0,043

Lemur #695F4F

RGB: rgb(105, 95, 79)
HSL: hsl(37, 14%, 36%)
Luminanz: 0,118

Silver Sage #8F8572

RGB: rgb(143, 133, 114)
HSL: hsl(39, 11%, 50%)
Luminanz: 0,238

Explorer Khaki #B5AC96

RGB: rgb(181, 172, 150)
HSL: hsl(43, 17%, 65%)
Luminanz: 0,415

Chino #DBD3BA

RGB: rgb(219, 211, 186)
HSL: hsl(45, 31%, 79%)
Luminanz: 0,652

Candlewick #F2EBD3

RGB: rgb(242, 235, 211)
HSL: hsl(46, 54%, 89%)
Luminanz: 0,830

Kontrast & Barrierefreiheit

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

Aa #1A120B auf #F2EBD3 15,50:1 AAA

Aa #2E251E auf #F2EBD3 12,58:1 AAA

Aa #1A120B auf #DBD3BA 12,37:1 AAA

Aa #2E251E auf #DBD3BA 10,03:1 AAA

Aa #42392F auf #F2EBD3 9,47:1 AAA

Aa #1A120B auf #B5AC96 8,20:1 AAA

Aa #42392F auf #DBD3BA 7,56:1 AAA

Aa #2E251E auf #B5AC96 6,65:1 AA

Aa #695F4F auf #F2EBD3 5,25:1 AA

Aa #1A120B auf #8F8572 5,08:1 AA

Aa #42392F auf #B5AC96 5,01:1 AA

Aa #695F4F auf #DBD3BA 4,19:1 AA (großer Text)

Aa #2E251E auf #8F8572 4,12:1 AA (großer Text)

Aa #42392F auf #8F8572 3,10:1 AA (großer Text)

Aa #8F8572 auf #F2EBD3 3,05:1 AA (großer Text)

Aa #1A120B auf #695F4F 2,95:1 Nicht bestanden

Aa #695F4F auf #B5AC96 2,78:1 Nicht bestanden

Aa #8F8572 auf #DBD3BA 2,43:1 Nicht bestanden

Aa #2E251E auf #695F4F 2,39:1 Nicht bestanden

Aa #B5AC96 auf #F2EBD3 1,89:1 Nicht bestanden

Aa #42392F auf #695F4F 1,80:1 Nicht bestanden

Aa #695F4F auf #8F8572 1,72:1 Nicht bestanden

Aa #1A120B auf #42392F 1,64:1 Nicht bestanden

Aa #8F8572 auf #B5AC96 1,61:1 Nicht bestanden

Aa #B5AC96 auf #DBD3BA 1,51:1 Nicht bestanden

Aa #2E251E auf #42392F 1,33:1 Nicht bestanden

Aa #DBD3BA auf #F2EBD3 1,25:1 Nicht bestanden

Aa #1A120B auf #2E251E 1,23:1 Nicht bestanden

RGR Bone8

RGR Bone8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen