Registrieren Registrieren
TY Play Win 7

TY Play Win 7

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

Zurück zur Bibliothek

TY Play Win 7

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

Bearbeiten
Erdig 7 Farben Warm Gemischt Komplementär
Likes 6
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #40A0FF;
  --c-earthy-3: #65447D;
  --c-earthy-4: #EAC13C;
  --c-earthy-5: #929172;
  --c-earthy-6: #D03143;
  --c-earthy-7: #391111;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black Rooster (#391111). Sie vereint White, Sky Dancer, Pageantry Purple, Lime Drop, Inness Sage, Infrared Flush und Black Rooster in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #391111 mit 16,64: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

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000
Sky Dancer #40A0FF
RGB
rgb(64, 160, 255)
HSL
hsl(210, 100%, 63%)
Luminanz
0,335
Pageantry Purple #65447D
RGB
rgb(101, 68, 125)
HSL
hsl(275, 30%, 38%)
Luminanz
0,084
Lime Drop #EAC13C
RGB
rgb(234, 193, 60)
HSL
hsl(46, 81%, 58%)
Luminanz
0,560
Inness Sage #929172
RGB
rgb(146, 145, 114)
HSL
hsl(58, 13%, 51%)
Luminanz
0,276
Infrared Flush #D03143
RGB
rgb(208, 49, 67)
HSL
hsl(353, 63%, 50%)
Luminanz
0,160
Black Rooster #391111
RGB
rgb(57, 17, 17)
HSL
hsl(0, 54%, 15%)
Luminanz
0,013

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #391111 16,64:1 AAA
Aa #EAC13C auf #391111 9,66:1 AAA
Aa #FFFFFF auf #65447D 7,85:1 AAA
Aa #40A0FF auf #391111 6,09:1 AA
Aa #929172 auf #391111 5,16:1 AA
Aa #FFFFFF auf #D03143 5,00:1 AA
Aa #65447D auf #EAC13C 4,56:1 AA
Aa #D03143 auf #391111 3,33:1 AA (großer Text)
Aa #FFFFFF auf #929172 3,22:1 AA (großer Text)
Aa #EAC13C auf #D03143 2,90:1 Nicht bestanden
Aa #40A0FF auf #65447D 2,87:1 Nicht bestanden
Aa #FFFFFF auf #40A0FF 2,73:1 Nicht bestanden
Aa #65447D auf #929172 2,43:1 Nicht bestanden
Aa #65447D auf #391111 2,12:1 Nicht bestanden
Aa #EAC13C auf #929172 1,87:1 Nicht bestanden
Aa #40A0FF auf #D03143 1,83:1 Nicht bestanden
Aa #FFFFFF auf #EAC13C 1,72:1 Nicht bestanden
Aa #40A0FF auf #EAC13C 1,59:1 Nicht bestanden
Aa #65447D auf #D03143 1,57:1 Nicht bestanden
Aa #929172 auf #D03143 1,55:1 Nicht bestanden
Aa #40A0FF auf #929172 1,18: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