Startseite Farbpaletten Rusty Cryaon Box 9

Rusty Cryaon Box 9

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

Zurück zur Bibliothek

Rusty Cryaon Box 9

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär

Likes 16

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #A63A50;
  --c-earthy-2: #B86733;
  --c-earthy-3: #C89933;
  --c-earthy-4: #7F6A33;
  --c-earthy-5: #575A4B;
  --c-earthy-6: #7D8B7B;
  --c-earthy-7: #C5DECD;
  --c-earthy-8: #B18385;
  --c-earthy-9: #937558;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Green Wash (#C5DECD) bis zum dunkelsten Ton Sherwood Forest (#575A4B). Sie vereint Valentine, Boho Copper, Gomashio Yellow, By Gum, Sherwood Forest, Amazon Moss, Green Wash, Retro Pink und Warm Earth in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #575A4B auf #C5DECD mit 4,95: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

Valentine #A63A50

RGB: rgb(166, 58, 80)
HSL: hsl(348, 48%, 44%)
Luminanz: 0,117

Boho Copper #B86733

RGB: rgb(184, 103, 51)
HSL: hsl(23, 57%, 46%)
Luminanz: 0,201

Gomashio Yellow #C89933

RGB: rgb(200, 153, 51)
HSL: hsl(41, 59%, 49%)
Luminanz: 0,353

By Gum #7F6A33

RGB: rgb(127, 106, 51)
HSL: hsl(43, 43%, 35%)
Luminanz: 0,151

Sherwood Forest #575A4B

RGB: rgb(87, 90, 75)
HSL: hsl(72, 9%, 32%)
Luminanz: 0,099

Amazon Moss #7D8B7B

RGB: rgb(125, 139, 123)
HSL: hsl(113, 6%, 51%)
Luminanz: 0,243

Green Wash #C5DECD

RGB: rgb(197, 222, 205)
HSL: hsl(139, 27%, 82%)
Luminanz: 0,685

Retro Pink #B18385

RGB: rgb(177, 131, 133)
HSL: hsl(357, 23%, 60%)
Luminanz: 0,273

Warm Earth #937558

RGB: rgb(147, 117, 88)
HSL: hsl(29, 25%, 46%)
Luminanz: 0,196

Kontrast & Barrierefreiheit

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

Aa #575A4B auf #C5DECD 4,95:1 AA

Aa #A63A50 auf #C5DECD 4,40:1 AA (großer Text)

Aa #7F6A33 auf #C5DECD 3,67:1 AA (großer Text)

Aa #C5DECD auf #937558 2,98:1 Nicht bestanden

Aa #B86733 auf #C5DECD 2,93:1 Nicht bestanden

Aa #C89933 auf #575A4B 2,71:1 Nicht bestanden

Aa #7D8B7B auf #C5DECD 2,51:1 Nicht bestanden

Aa #A63A50 auf #C89933 2,41:1 Nicht bestanden

Aa #C5DECD auf #B18385 2,28:1 Nicht bestanden

Aa #575A4B auf #B18385 2,17:1 Nicht bestanden

Aa #C89933 auf #7F6A33 2,01:1 Nicht bestanden

Aa #575A4B auf #7D8B7B 1,97:1 Nicht bestanden

Aa #A63A50 auf #B18385 1,93:1 Nicht bestanden

Aa #C89933 auf #C5DECD 1,82:1 Nicht bestanden

Aa #A63A50 auf #7D8B7B 1,75:1 Nicht bestanden

Aa #B86733 auf #575A4B 1,69:1 Nicht bestanden

Aa #575A4B auf #937558 1,66:1 Nicht bestanden

Aa #C89933 auf #937558 1,64:1 Nicht bestanden

Aa #7F6A33 auf #B18385 1,61:1 Nicht bestanden

Aa #B86733 auf #C89933 1,60:1 Nicht bestanden

Aa #A63A50 auf #B86733 1,50:1 Nicht bestanden

Aa #A63A50 auf #937558 1,47:1 Nicht bestanden

Aa #7F6A33 auf #7D8B7B 1,46:1 Nicht bestanden

Aa #C89933 auf #7D8B7B 1,38:1 Nicht bestanden

Aa #7F6A33 auf #575A4B 1,35:1 Nicht bestanden

Aa #B18385 auf #937558 1,31:1 Nicht bestanden

Aa #B86733 auf #B18385 1,28:1 Nicht bestanden

Aa #B86733 auf #7F6A33 1,25:1 Nicht bestanden

Aa #C89933 auf #B18385 1,25:1 Nicht bestanden

Aa #7F6A33 auf #937558 1,23:1 Nicht bestanden

Aa #A63A50 auf #7F6A33 1,20:1 Nicht bestanden

Aa #7D8B7B auf #937558 1,19:1 Nicht bestanden

Aa #B86733 auf #7D8B7B 1,16:1 Nicht bestanden

Aa #A63A50 auf #575A4B 1,13:1 Nicht bestanden

Aa #7D8B7B auf #B18385 1,10:1 Nicht bestanden

Aa #B86733 auf #937558 1,02:1 Nicht bestanden

Rusty Cryaon Box 9