Startseite Farbpaletten Japanese Woodblock

Japanese Woodblock

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

Zurück zur Bibliothek

Japanese Woodblock

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär artist polyducks

Likes 1.232

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #2B2821;
  --c-earthy-2: #624C3C;
  --c-earthy-3: #D9AC8B;
  --c-earthy-4: #E3CFB4;
  --c-earthy-5: #243D5C;
  --c-earthy-6: #5D7275;
  --c-earthy-7: #5C8B93;
  --c-earthy-8: #B1A58D;
  --c-earthy-9: #B03A48;
  --c-earthy-10: #D4804D;
  --c-earthy-11: #E0C872;
  --c-earthy-12: #3E6958;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Lovely Bluff (#E3CFB4) bis zum dunkelsten Ton Maire (#2B2821). Sie vereint Maire, Half-Caff, White Acorn, Lovely Bluff, Nautilus, Riverway, Tort, Safari Vest, Frosted Pomegranate, Seraphim Sepia, Dijon Mustard und June Ivy 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 #2B2821 auf #E3CFB4 mit 9,7: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

Maire #2B2821

RGB: rgb(43, 40, 33)
HSL: hsl(42, 13%, 15%)
Luminanz: 0,021

Half-Caff #624C3C

RGB: rgb(98, 76, 60)
HSL: hsl(25, 24%, 31%)
Luminanz: 0,081

White Acorn #D9AC8B

RGB: rgb(217, 172, 139)
HSL: hsl(25, 51%, 70%)
Luminanz: 0,461

Lovely Bluff #E3CFB4

RGB: rgb(227, 207, 180)
HSL: hsl(34, 46%, 80%)
Luminanz: 0,643

Nautilus #243D5C

RGB: rgb(36, 61, 92)
HSL: hsl(213, 44%, 25%)
Luminanz: 0,045

Riverway #5D7275

RGB: rgb(93, 114, 117)
HSL: hsl(188, 11%, 41%)
Luminanz: 0,157

Tort #5C8B93

RGB: rgb(92, 139, 147)
HSL: hsl(189, 23%, 47%)
Luminanz: 0,229

Safari Vest #B1A58D

RGB: rgb(177, 165, 141)
HSL: hsl(40, 19%, 62%)
Luminanz: 0,382

Frosted Pomegranate #B03A48

RGB: rgb(176, 58, 72)
HSL: hsl(353, 50%, 46%)
Luminanz: 0,127

Seraphim Sepia #D4804D

RGB: rgb(212, 128, 77)
HSL: hsl(23, 61%, 57%)
Luminanz: 0,300

Dijon Mustard #E0C872

RGB: rgb(224, 200, 114)
HSL: hsl(47, 64%, 66%)
Luminanz: 0,584

June Ivy #3E6958

RGB: rgb(62, 105, 88)
HSL: hsl(156, 26%, 33%)
Luminanz: 0,118

Kontrast & Barrierefreiheit

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

Aa #2B2821 auf #E3CFB4 9,70:1 AAA

Aa #2B2821 auf #E0C872 8,87:1 AAA

Aa #E3CFB4 auf #243D5C 7,30:1 AAA

Aa #2B2821 auf #D9AC8B 7,16:1 AAA

Aa #243D5C auf #E0C872 6,68:1 AA

Aa #2B2821 auf #B1A58D 6,05:1 AA

Aa #D9AC8B auf #243D5C 5,39:1 AA

Aa #624C3C auf #E3CFB4 5,29:1 AA

Aa #2B2821 auf #D4804D 4,90:1 AA

Aa #624C3C auf #E0C872 4,84:1 AA

Aa #243D5C auf #B1A58D 4,55:1 AA

Aa #E3CFB4 auf #3E6958 4,11:1 AA (großer Text)

Aa #E3CFB4 auf #B03A48 3,91:1 AA (großer Text)

Aa #2B2821 auf #5C8B93 3,90:1 AA (großer Text)

Aa #624C3C auf #D9AC8B 3,90:1 AA (großer Text)

Aa #E0C872 auf #3E6958 3,76:1 AA (großer Text)

Aa #243D5C auf #D4804D 3,69:1 AA (großer Text)

Aa #B03A48 auf #E0C872 3,58:1 AA (großer Text)

Aa #E3CFB4 auf #5D7275 3,35:1 AA (großer Text)

Aa #624C3C auf #B1A58D 3,30:1 AA (großer Text)

Aa #5D7275 auf #E0C872 3,07:1 AA (großer Text)

Aa #D9AC8B auf #3E6958 3,04:1 AA (großer Text)

Aa #243D5C auf #5C8B93 2,94:1 Nicht bestanden

Aa #2B2821 auf #5D7275 2,89:1 Nicht bestanden

Aa #D9AC8B auf #B03A48 2,88:1 Nicht bestanden

Aa #624C3C auf #D4804D 2,67:1 Nicht bestanden

Aa #B1A58D auf #3E6958 2,57:1 Nicht bestanden

Aa #E3CFB4 auf #5C8B93 2,49:1 Nicht bestanden

Aa #2B2821 auf #B03A48 2,48:1 Nicht bestanden

Aa #D9AC8B auf #5D7275 2,48:1 Nicht bestanden

Aa #B1A58D auf #B03A48 2,44:1 Nicht bestanden

Aa #2B2821 auf #3E6958 2,36:1 Nicht bestanden

Aa #5C8B93 auf #E0C872 2,28:1 Nicht bestanden

Aa #243D5C auf #5D7275 2,18:1 Nicht bestanden

Aa #624C3C auf #5C8B93 2,13:1 Nicht bestanden

Aa #5D7275 auf #B1A58D 2,09:1 Nicht bestanden

Aa #D4804D auf #3E6958 2,08:1 Nicht bestanden

Aa #E3CFB4 auf #D4804D 1,98:1 Nicht bestanden

Aa #B03A48 auf #D4804D 1,97:1 Nicht bestanden

Aa #243D5C auf #B03A48 1,87:1 Nicht bestanden

Aa #D9AC8B auf #5C8B93 1,84:1 Nicht bestanden

Aa #2B2821 auf #624C3C 1,83:1 Nicht bestanden

Aa #D4804D auf #E0C872 1,81:1 Nicht bestanden

Aa #243D5C auf #3E6958 1,77:1 Nicht bestanden

Aa #5D7275 auf #D4804D 1,69:1 Nicht bestanden

Aa #5C8B93 auf #3E6958 1,65:1 Nicht bestanden

Aa #E3CFB4 auf #B1A58D 1,60:1 Nicht bestanden

Aa #624C3C auf #5D7275 1,58:1 Nicht bestanden

Aa #5C8B93 auf #B03A48 1,57:1 Nicht bestanden

Aa #5C8B93 auf #B1A58D 1,55:1 Nicht bestanden

Aa #B1A58D auf #E0C872 1,47:1 Nicht bestanden

Aa #D9AC8B auf #D4804D 1,46:1 Nicht bestanden

Aa #624C3C auf #243D5C 1,38:1 Nicht bestanden

Aa #624C3C auf #B03A48 1,35:1 Nicht bestanden

Aa #D9AC8B auf #E3CFB4 1,35:1 Nicht bestanden

Aa #5D7275 auf #5C8B93 1,35:1 Nicht bestanden

Aa #2B2821 auf #243D5C 1,33:1 Nicht bestanden

Aa #624C3C auf #3E6958 1,29:1 Nicht bestanden

Aa #5C8B93 auf #D4804D 1,26:1 Nicht bestanden

Aa #D9AC8B auf #E0C872 1,24:1 Nicht bestanden

Aa #5D7275 auf #3E6958 1,23:1 Nicht bestanden

Aa #B1A58D auf #D4804D 1,23:1 Nicht bestanden

Aa #D9AC8B auf #B1A58D 1,18:1 Nicht bestanden

Aa #5D7275 auf #B03A48 1,16:1 Nicht bestanden

Aa #E3CFB4 auf #E0C872 1,09:1 Nicht bestanden

Aa #B03A48 auf #3E6958 1,05:1 Nicht bestanden

Japanese Woodblock