Rose Bush

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

Zurück zur Bibliothek

Rose Bush

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär green rose red crimson

Likes 20

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #8DDF3B;
  --c-earthy-2: #59C135;
  --c-earthy-3: #1A7A3E;
  --c-earthy-4: #24523B;
  --c-earthy-5: #141013;
  --c-earthy-6: #DF3E23;
  --c-earthy-7: #B4202A;
  --c-earthy-8: #73172D;
  --c-earthy-9: #3B1725;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Kiwi Green (#8DDF3B) bis zum dunkelsten Ton Sticky Black Tarmac (#141013). Sie vereint Kiwi Green, Exit Light, Warpstone Glow, Kaitoke Green, Sticky Black Tarmac, Furnace, Upsdell Red, Jazzy Red und Black-Hearted in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #8DDF3B auf #141013 mit 11,45: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

Kiwi Green #8DDF3B

RGB: rgb(141, 223, 59)
HSL: hsl(90, 72%, 55%)
Luminanz: 0,588

Exit Light #59C135

RGB: rgb(89, 193, 53)
HSL: hsl(105, 57%, 48%)
Luminanz: 0,405

Warpstone Glow #1A7A3E

RGB: rgb(26, 122, 62)
HSL: hsl(143, 65%, 29%)
Luminanz: 0,145

Kaitoke Green #24523B

RGB: rgb(36, 82, 59)
HSL: hsl(150, 39%, 23%)
Luminanz: 0,067

Sticky Black Tarmac #141013

RGB: rgb(20, 16, 19)
HSL: hsl(315, 11%, 7%)
Luminanz: 0,006

Furnace #DF3E23

RGB: rgb(223, 62, 35)
HSL: hsl(9, 75%, 51%)
Luminanz: 0,193

Upsdell Red #B4202A

RGB: rgb(180, 32, 42)
HSL: hsl(356, 70%, 42%)
Luminanz: 0,109

Jazzy Red #73172D

RGB: rgb(115, 23, 45)
HSL: hsl(346, 67%, 27%)
Luminanz: 0,045

Black-Hearted #3B1725

RGB: rgb(59, 23, 37)
HSL: hsl(337, 44%, 16%)
Luminanz: 0,017

Kontrast & Barrierefreiheit

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

Aa #8DDF3B auf #141013 11,45:1 AAA

Aa #8DDF3B auf #3B1725 9,55:1 AAA

Aa #59C135 auf #141013 8,18:1 AAA

Aa #59C135 auf #3B1725 6,82:1 AA

Aa #8DDF3B auf #73172D 6,75:1 AA

Aa #8DDF3B auf #24523B 5,44:1 AA

Aa #59C135 auf #73172D 4,82:1 AA

Aa #141013 auf #DF3E23 4,36:1 AA (großer Text)

Aa #8DDF3B auf #B4202A 4,01:1 AA (großer Text)

Aa #59C135 auf #24523B 3,88:1 AA (großer Text)

Aa #DF3E23 auf #3B1725 3,63:1 AA (großer Text)

Aa #1A7A3E auf #141013 3,50:1 AA (großer Text)

Aa #8DDF3B auf #1A7A3E 3,27:1 AA (großer Text)

Aa #1A7A3E auf #3B1725 2,92:1 Nicht bestanden

Aa #59C135 auf #B4202A 2,86:1 Nicht bestanden

Aa #141013 auf #B4202A 2,86:1 Nicht bestanden

Aa #8DDF3B auf #DF3E23 2,63:1 Nicht bestanden

Aa #DF3E23 auf #73172D 2,57:1 Nicht bestanden

Aa #B4202A auf #3B1725 2,38:1 Nicht bestanden

Aa #59C135 auf #1A7A3E 2,34:1 Nicht bestanden

Aa #24523B auf #141013 2,11:1 Nicht bestanden

Aa #24523B auf #DF3E23 2,07:1 Nicht bestanden

Aa #1A7A3E auf #73172D 2,06:1 Nicht bestanden

Aa #59C135 auf #DF3E23 1,88:1 Nicht bestanden

Aa #24523B auf #3B1725 1,76:1 Nicht bestanden

Aa #141013 auf #73172D 1,70:1 Nicht bestanden

Aa #B4202A auf #73172D 1,68:1 Nicht bestanden

Aa #1A7A3E auf #24523B 1,66:1 Nicht bestanden

Aa #DF3E23 auf #B4202A 1,53:1 Nicht bestanden

Aa #73172D auf #3B1725 1,42:1 Nicht bestanden

Aa #8DDF3B auf #59C135 1,40:1 Nicht bestanden

Aa #24523B auf #B4202A 1,36:1 Nicht bestanden

Aa #1A7A3E auf #DF3E23 1,24:1 Nicht bestanden

Aa #24523B auf #73172D 1,24:1 Nicht bestanden

Aa #1A7A3E auf #B4202A 1,23:1 Nicht bestanden

Aa #141013 auf #3B1725 1,20:1 Nicht bestanden

Rose Bush

Rose Bush

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen