Registrieren Registrieren
Faded World 12

Faded World 12

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

Zurück zur Bibliothek

Faded World 12

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär green orange pink red
Likes 29
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #000017;
  --c-earthy-2: #453C47;
  --c-earthy-3: #768572;
  --c-earthy-4: #DBDAD0;
  --c-earthy-5: #BD1531;
  --c-earthy-6: #BD5218;
  --c-earthy-7: #BDAF17;
  --c-earthy-8: #31BF15;
  --c-earthy-9: #15BFB3;
  --c-earthy-10: #174CBD;
  --c-earthy-11: #7217BD;
  --c-earthy-12: #A718BD;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Alaska (#DBDAD0) bis zum dunkelsten Ton Benthic Black (#000017). Sie vereint Benthic Black, Eclectic Purple, Lottery Winnings, Alaska, Active Volcano, Bloodhound, Apple Jade, Felwood Leaves, Super Rare Jade, Mourning Blue, Crown Chakra und Barney in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000017 auf #DBDAD0 mit 14,77: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

Benthic Black #000017
RGB
rgb(0, 0, 23)
HSL
hsl(240, 100%, 5%)
Luminanz
0,001
Eclectic Purple #453C47
RGB
rgb(69, 60, 71)
HSL
hsl(289, 8%, 26%)
Luminanz
0,050
Lottery Winnings #768572
RGB
rgb(118, 133, 114)
HSL
hsl(107, 8%, 48%)
Luminanz
0,218
Alaska #DBDAD0
RGB
rgb(219, 218, 208)
HSL
hsl(55, 13%, 84%)
Luminanz
0,698
Active Volcano #BD1531
RGB
rgb(189, 21, 49)
HSL
hsl(350, 80%, 41%)
Luminanz
0,116
Bloodhound #BD5218
RGB
rgb(189, 82, 24)
HSL
hsl(21, 77%, 42%)
Luminanz
0,169
Apple Jade #BDAF17
RGB
rgb(189, 175, 23)
HSL
hsl(55, 78%, 42%)
Luminanz
0,415
Felwood Leaves #31BF15
RGB
rgb(49, 191, 21)
HSL
hsl(110, 80%, 42%)
Luminanz
0,380
Super Rare Jade #15BFB3
RGB
rgb(21, 191, 179)
HSL
hsl(176, 80%, 42%)
Luminanz
0,407
Mourning Blue #174CBD
RGB
rgb(23, 76, 189)
HSL
hsl(221, 78%, 42%)
Luminanz
0,090
Crown Chakra #7217BD
RGB
rgb(114, 23, 189)
HSL
hsl(273, 78%, 42%)
Luminanz
0,079
Barney #A718BD
RGB
rgb(167, 24, 189)
HSL
hsl(292, 77%, 42%)
Luminanz
0,125

Kontrast & Barrierefreiheit

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

Aa #000017 auf #DBDAD0 14,77:1 AAA
Aa #000017 auf #BDAF17 9,19:1 AAA
Aa #000017 auf #15BFB3 9,02:1 AAA
Aa #000017 auf #31BF15 8,49:1 AAA
Aa #453C47 auf #DBDAD0 7,51:1 AAA
Aa #DBDAD0 auf #7217BD 5,81:1 AA
Aa #DBDAD0 auf #174CBD 5,33:1 AA
Aa #000017 auf #768572 5,30:1 AA
Aa #453C47 auf #BDAF17 4,68:1 AA
Aa #453C47 auf #15BFB3 4,59:1 AA
Aa #DBDAD0 auf #BD1531 4,51:1 AA
Aa #000017 auf #BD5218 4,33:1 AA (großer Text)
Aa #453C47 auf #31BF15 4,32:1 AA (großer Text)
Aa #DBDAD0 auf #A718BD 4,26:1 AA (großer Text)
Aa #BDAF17 auf #7217BD 3,62:1 AA (großer Text)
Aa #15BFB3 auf #7217BD 3,55:1 AA (großer Text)
Aa #000017 auf #A718BD 3,47:1 AA (großer Text)
Aa #DBDAD0 auf #BD5218 3,41:1 AA (großer Text)
Aa #31BF15 auf #7217BD 3,34:1 AA (großer Text)
Aa #BDAF17 auf #174CBD 3,32:1 AA (großer Text)
Aa #000017 auf #BD1531 3,27:1 AA (großer Text)
Aa #15BFB3 auf #174CBD 3,26:1 AA (großer Text)
Aa #31BF15 auf #174CBD 3,06:1 AA (großer Text)
Aa #BD1531 auf #BDAF17 2,81:1 Nicht bestanden
Aa #768572 auf #DBDAD0 2,79:1 Nicht bestanden
Aa #000017 auf #174CBD 2,77:1 Nicht bestanden
Aa #BD1531 auf #15BFB3 2,76:1 Nicht bestanden
Aa #453C47 auf #768572 2,70:1 Nicht bestanden
Aa #BDAF17 auf #A718BD 2,65:1 Nicht bestanden
Aa #15BFB3 auf #A718BD 2,60:1 Nicht bestanden
Aa #BD1531 auf #31BF15 2,59:1 Nicht bestanden
Aa #000017 auf #7217BD 2,54:1 Nicht bestanden
Aa #31BF15 auf #A718BD 2,45:1 Nicht bestanden
Aa #453C47 auf #BD5218 2,20:1 Nicht bestanden
Aa #BD5218 auf #BDAF17 2,12:1 Nicht bestanden
Aa #768572 auf #7217BD 2,09:1 Nicht bestanden
Aa #BD5218 auf #15BFB3 2,08:1 Nicht bestanden
Aa #000017 auf #453C47 1,97:1 Nicht bestanden
Aa #BD5218 auf #31BF15 1,96:1 Nicht bestanden
Aa #768572 auf #174CBD 1,91:1 Nicht bestanden
Aa #453C47 auf #A718BD 1,76:1 Nicht bestanden
Aa #DBDAD0 auf #31BF15 1,74:1 Nicht bestanden
Aa #768572 auf #BDAF17 1,73:1 Nicht bestanden
Aa #768572 auf #15BFB3 1,70:1 Nicht bestanden
Aa #BD5218 auf #7217BD 1,70:1 Nicht bestanden
Aa #453C47 auf #BD1531 1,67:1 Nicht bestanden
Aa #DBDAD0 auf #15BFB3 1,64:1 Nicht bestanden
Aa #768572 auf #BD1531 1,62:1 Nicht bestanden
Aa #DBDAD0 auf #BDAF17 1,61:1 Nicht bestanden
Aa #768572 auf #31BF15 1,60:1 Nicht bestanden
Aa #BD5218 auf #174CBD 1,56:1 Nicht bestanden
Aa #768572 auf #A718BD 1,53:1 Nicht bestanden
Aa #453C47 auf #174CBD 1,41:1 Nicht bestanden
Aa #7217BD auf #A718BD 1,36:1 Nicht bestanden
Aa #BD1531 auf #BD5218 1,32:1 Nicht bestanden
Aa #453C47 auf #7217BD 1,29:1 Nicht bestanden
Aa #BD1531 auf #7217BD 1,29:1 Nicht bestanden
Aa #BD5218 auf #A718BD 1,25:1 Nicht bestanden
Aa #174CBD auf #A718BD 1,25:1 Nicht bestanden
Aa #768572 auf #BD5218 1,22:1 Nicht bestanden
Aa #BD1531 auf #174CBD 1,18:1 Nicht bestanden
Aa #174CBD auf #7217BD 1,09:1 Nicht bestanden
Aa #BDAF17 auf #31BF15 1,08:1 Nicht bestanden
Aa #BD1531 auf #A718BD 1,06:1 Nicht bestanden
Aa #31BF15 auf #15BFB3 1,06:1 Nicht bestanden
Aa #BDAF17 auf #15BFB3 1,02: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