TY   Rotten City 9

TY Rotten City 9

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

TY Rotten City 9

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

Bearbeiten
Erdig 9 Farben Warm Gemischt Triadisch
Likes 6
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #C0D09B;
  --c-earthy-2: #BBA67E;
  --c-earthy-3: #A77E4C;
  --c-earthy-4: #7D5246;
  --c-earthy-5: #666D48;
  --c-earthy-6: #634E24;
  --c-earthy-7: #5E371A;
  --c-earthy-8: #25392F;
  --c-earthy-9: #341E13;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Cricket Field (#C0D09B) bis zum dunkelsten Ton Coffee Grounds (#341E13). Sie vereint Cricket Field, Malt Shake, Tosty Crust, Red Rooster, Bancha, Black Queen, Bock, Palm Green und Coffee Grounds 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 #C0D09B auf #341E13 mit 9,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

Cricket Field #C0D09B
RGB
rgb(192, 208, 155)
HSL
hsl(78, 36%, 71%)
Luminanz
0,587
Malt Shake #BBA67E
RGB
rgb(187, 166, 126)
HSL
hsl(39, 31%, 61%)
Luminanz
0,393
Tosty Crust #A77E4C
RGB
rgb(167, 126, 76)
HSL
hsl(33, 37%, 48%)
Luminanz
0,237
Red Rooster #7D5246
RGB
rgb(125, 82, 70)
HSL
hsl(13, 28%, 38%)
Luminanz
0,108
Bancha #666D48
RGB
rgb(102, 109, 72)
HSL
hsl(71, 20%, 35%)
Luminanz
0,142
Black Queen #634E24
RGB
rgb(99, 78, 36)
HSL
hsl(40, 47%, 26%)
Luminanz
0,082
Bock #5E371A
RGB
rgb(94, 55, 26)
HSL
hsl(26, 57%, 24%)
Luminanz
0,052
Palm Green #25392F
RGB
rgb(37, 57, 47)
HSL
hsl(150, 21%, 18%)
Luminanz
0,035
Coffee Grounds #341E13
RGB
rgb(52, 30, 19)
HSL
hsl(20, 46%, 14%)
Luminanz
0,017

Kontrast & Barrierefreiheit

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

Aa #C0D09B auf #341E13 9,50:1 AAA
Aa #C0D09B auf #25392F 7,47:1 AAA
Aa #BBA67E auf #341E13 6,61:1 AA
Aa #C0D09B auf #5E371A 6,25:1 AA
Aa #BBA67E auf #25392F 5,20:1 AA
Aa #C0D09B auf #634E24 4,81:1 AA
Aa #BBA67E auf #5E371A 4,35:1 AA (großer Text)
Aa #A77E4C auf #341E13 4,27:1 AA (großer Text)
Aa #C0D09B auf #7D5246 4,02:1 AA (großer Text)
Aa #A77E4C auf #25392F 3,36:1 AA (großer Text)
Aa #BBA67E auf #634E24 3,35:1 AA (großer Text)
Aa #C0D09B auf #666D48 3,31:1 AA (großer Text)
Aa #666D48 auf #341E13 2,87:1 Nicht bestanden
Aa #A77E4C auf #5E371A 2,81:1 Nicht bestanden
Aa #BBA67E auf #7D5246 2,80:1 Nicht bestanden
Aa #7D5246 auf #341E13 2,36:1 Nicht bestanden
Aa #BBA67E auf #666D48 2,31:1 Nicht bestanden
Aa #666D48 auf #25392F 2,26:1 Nicht bestanden
Aa #C0D09B auf #A77E4C 2,22:1 Nicht bestanden
Aa #A77E4C auf #634E24 2,17:1 Nicht bestanden
Aa #634E24 auf #341E13 1,97:1 Nicht bestanden
Aa #666D48 auf #5E371A 1,89:1 Nicht bestanden
Aa #7D5246 auf #25392F 1,86:1 Nicht bestanden
Aa #A77E4C auf #7D5246 1,81:1 Nicht bestanden
Aa #BBA67E auf #A77E4C 1,55:1 Nicht bestanden
Aa #7D5246 auf #5E371A 1,55:1 Nicht bestanden
Aa #634E24 auf #25392F 1,55:1 Nicht bestanden
Aa #5E371A auf #341E13 1,52:1 Nicht bestanden
Aa #A77E4C auf #666D48 1,49:1 Nicht bestanden
Aa #666D48 auf #634E24 1,45:1 Nicht bestanden
Aa #C0D09B auf #BBA67E 1,44:1 Nicht bestanden
Aa #634E24 auf #5E371A 1,30:1 Nicht bestanden
Aa #25392F auf #341E13 1,27:1 Nicht bestanden
Aa #7D5246 auf #666D48 1,21:1 Nicht bestanden
Aa #7D5246 auf #634E24 1,20:1 Nicht bestanden
Aa #5E371A auf #25392F 1,19:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben