Registrieren Registrieren
Moldy Orange 7

Moldy Orange 7

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

Zurück zur Bibliothek

Moldy Orange 7

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

Bearbeiten
Erdig 7 Farben Warm Gemischt Komplementär green orange 7 moldyorange7
Likes 5
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #04151F;
  --c-earthy-2: #17493E;
  --c-earthy-3: #7B9171;
  --c-earthy-4: #F5E4C9;
  --c-earthy-5: #E58929;
  --c-earthy-6: #7C351E;
  --c-earthy-7: #4D1F1D;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Cherish Cream (#F5E4C9) bis zum dunkelsten Ton Creeping Death (#04151F). Sie vereint Creeping Death, MSU Green, Chic Shade, Cherish Cream, Carnival, Bootstrap Leather und Tobi Brown 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 #04151F auf #F5E4C9 mit 14,86: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

Creeping Death #04151F
RGB
rgb(4, 21, 31)
HSL
hsl(202, 77%, 7%)
Luminanz
0,007
MSU Green #17493E
RGB
rgb(23, 73, 62)
HSL
hsl(167, 52%, 19%)
Luminanz
0,053
Chic Shade #7B9171
RGB
rgb(123, 145, 113)
HSL
hsl(101, 13%, 51%)
Luminanz
0,257
Cherish Cream #F5E4C9
RGB
rgb(245, 228, 201)
HSL
hsl(37, 69%, 87%)
Luminanz
0,791
Carnival #E58929
RGB
rgb(229, 137, 41)
HSL
hsl(31, 78%, 53%)
Luminanz
0,347
Bootstrap Leather #7C351E
RGB
rgb(124, 53, 30)
HSL
hsl(15, 61%, 30%)
Luminanz
0,069
Tobi Brown #4D1F1D
RGB
rgb(77, 31, 29)
HSL
hsl(3, 45%, 21%)
Luminanz
0,027

Kontrast & Barrierefreiheit

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

Aa #04151F auf #F5E4C9 14,86:1 AAA
Aa #F5E4C9 auf #4D1F1D 11,00:1 AAA
Aa #17493E auf #F5E4C9 8,17:1 AAA
Aa #F5E4C9 auf #7C351E 7,05:1 AAA
Aa #04151F auf #E58929 7,01:1 AAA
Aa #04151F auf #7B9171 5,41:1 AA
Aa #E58929 auf #4D1F1D 5,19:1 AA
Aa #7B9171 auf #4D1F1D 4,01:1 AA (großer Text)
Aa #17493E auf #E58929 3,86:1 AA (großer Text)
Aa #E58929 auf #7C351E 3,33:1 AA (großer Text)
Aa #17493E auf #7B9171 2,98:1 Nicht bestanden
Aa #7B9171 auf #F5E4C9 2,74:1 Nicht bestanden
Aa #7B9171 auf #7C351E 2,57:1 Nicht bestanden
Aa #F5E4C9 auf #E58929 2,12:1 Nicht bestanden
Aa #04151F auf #7C351E 2,11:1 Nicht bestanden
Aa #04151F auf #17493E 1,82:1 Nicht bestanden
Aa #7C351E auf #4D1F1D 1,56:1 Nicht bestanden
Aa #04151F auf #4D1F1D 1,35:1 Nicht bestanden
Aa #17493E auf #4D1F1D 1,35:1 Nicht bestanden
Aa #7B9171 auf #E58929 1,30:1 Nicht bestanden
Aa #17493E auf #7C351E 1,16: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