Registrieren Registrieren
TY Night Light 7

TY Night Light 7

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

Zurück zur Bibliothek

TY Night Light 7

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

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

CSS-Variablen

:root {
  --c-earthy-1: #CAA98B;
  --c-earthy-2: #A57E4B;
  --c-earthy-3: #854D3C;
  --c-earthy-4: #7DAAA9;
  --c-earthy-5: #6E705E;
  --c-earthy-6: #405D6A;
  --c-earthy-7: #333340;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Riviera Clay (#CAA98B) bis zum dunkelsten Ton Parisian Night (#333340). Sie vereint Riviera Clay, Tosty Crust, Wiener Dog, Acapulco Aqua, Shutters, Hypothalamus Grey und Parisian Night in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #CAA98B auf #333340 mit 5,66: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

Riviera Clay #CAA98B
RGB
rgb(202, 169, 139)
HSL
hsl(29, 37%, 67%)
Luminanz
0,428
Tosty Crust #A57E4B
RGB
rgb(165, 126, 75)
HSL
hsl(34, 38%, 47%)
Luminanz
0,234
Wiener Dog #854D3C
RGB
rgb(133, 77, 60)
HSL
hsl(14, 38%, 38%)
Luminanz
0,106
Acapulco Aqua #7DAAA9
RGB
rgb(125, 170, 169)
HSL
hsl(179, 21%, 58%)
Luminanz
0,360
Shutters #6E705E
RGB
rgb(110, 112, 94)
HSL
hsl(67, 9%, 40%)
Luminanz
0,157
Hypothalamus Grey #405D6A
RGB
rgb(64, 93, 106)
HSL
hsl(199, 25%, 33%)
Luminanz
0,100
Parisian Night #333340
RGB
rgb(51, 51, 64)
HSL
hsl(240, 11%, 23%)
Luminanz
0,034

Kontrast & Barrierefreiheit

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

Aa #CAA98B auf #333340 5,66:1 AA
Aa #7DAAA9 auf #333340 4,85:1 AA
Aa #A57E4B auf #333340 3,37:1 AA (großer Text)
Aa #CAA98B auf #405D6A 3,20:1 AA (großer Text)
Aa #CAA98B auf #854D3C 3,06:1 AA (großer Text)
Aa #7DAAA9 auf #405D6A 2,74:1 Nicht bestanden
Aa #854D3C auf #7DAAA9 2,62:1 Nicht bestanden
Aa #6E705E auf #333340 2,45:1 Nicht bestanden
Aa #CAA98B auf #6E705E 2,31:1 Nicht bestanden
Aa #7DAAA9 auf #6E705E 1,98:1 Nicht bestanden
Aa #A57E4B auf #405D6A 1,90:1 Nicht bestanden
Aa #854D3C auf #333340 1,85:1 Nicht bestanden
Aa #A57E4B auf #854D3C 1,82:1 Nicht bestanden
Aa #405D6A auf #333340 1,77:1 Nicht bestanden
Aa #CAA98B auf #A57E4B 1,68:1 Nicht bestanden
Aa #A57E4B auf #7DAAA9 1,44:1 Nicht bestanden
Aa #6E705E auf #405D6A 1,38:1 Nicht bestanden
Aa #A57E4B auf #6E705E 1,37:1 Nicht bestanden
Aa #854D3C auf #6E705E 1,33:1 Nicht bestanden
Aa #CAA98B auf #7DAAA9 1,17:1 Nicht bestanden
Aa #854D3C auf #405D6A 1,04: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