Startseite Farbpaletten TY Shades Of Nokia 12

TY Shades Of Nokia 12

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

Zurück zur Bibliothek

TY Shades Of Nokia 12

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär limited retro versatile nokia

Likes 126

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #C7F0D8;
  --c-earthy-2: #AA9D80;
  --c-earthy-3: #AA6D3C;
  --c-earthy-4: #744538;
  --c-earthy-5: #778D90;
  --c-earthy-6: #4A7885;
  --c-earthy-7: #695E70;
  --c-earthy-8: #3C4460;
  --c-earthy-9: #7D8540;
  --c-earthy-10: #43523D;
  --c-earthy-11: #3F3F3F;
  --c-earthy-12: #312B25;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Pickford (#C7F0D8) bis zum dunkelsten Ton Industrial Black (#312B25). Sie vereint Pickford, Winter Sage, Bourbon, Volcanic Brick, Leisure Time, Sky Space, Sedona Shadow, Diplomatic, Laird, Okroshka, Bauhaus und Industrial Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C7F0D8 auf #312B25 mit 11,23: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

Pickford #C7F0D8

RGB: rgb(199, 240, 216)
HSL: hsl(145, 58%, 86%)
Luminanz: 0,794

Winter Sage #AA9D80

RGB: rgb(170, 157, 128)
HSL: hsl(41, 20%, 58%)
Luminanz: 0,342

Bourbon #AA6D3C

RGB: rgb(170, 109, 60)
HSL: hsl(27, 48%, 45%)
Luminanz: 0,198

Volcanic Brick #744538

RGB: rgb(116, 69, 56)
HSL: hsl(13, 35%, 34%)
Luminanz: 0,083

Leisure Time #778D90

RGB: rgb(119, 141, 144)
HSL: hsl(187, 10%, 52%)
Luminanz: 0,250

Sky Space #4A7885

RGB: rgb(74, 120, 133)
HSL: hsl(193, 29%, 41%)
Luminanz: 0,166

Sedona Shadow #695E70

RGB: rgb(105, 94, 112)
HSL: hsl(277, 9%, 40%)
Luminanz: 0,122

Diplomatic #3C4460

RGB: rgb(60, 68, 96)
HSL: hsl(227, 23%, 31%)
Luminanz: 0,059

Laird #7D8540

RGB: rgb(125, 133, 64)
HSL: hsl(67, 35%, 39%)
Luminanz: 0,215

Okroshka #43523D

RGB: rgb(67, 82, 61)
HSL: hsl(103, 15%, 28%)
Luminanz: 0,076

Bauhaus #3F3F3F

RGB: rgb(63, 63, 63)
HSL: hsl(0, 0%, 25%)
Luminanz: 0,050

Industrial Black #312B25

RGB: rgb(49, 43, 37)
HSL: hsl(30, 14%, 17%)
Luminanz: 0,025

Kontrast & Barrierefreiheit

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

Aa #C7F0D8 auf #312B25 11,23:1 AAA

Aa #C7F0D8 auf #3F3F3F 8,47:1 AAA

Aa #C7F0D8 auf #3C4460 7,72:1 AAA

Aa #C7F0D8 auf #43523D 6,72:1 AA

Aa #C7F0D8 auf #744538 6,37:1 AA

Aa #AA9D80 auf #312B25 5,22:1 AA

Aa #C7F0D8 auf #695E70 4,91:1 AA

Aa #778D90 auf #312B25 3,99:1 AA (großer Text)

Aa #AA9D80 auf #3F3F3F 3,93:1 AA (großer Text)

Aa #C7F0D8 auf #4A7885 3,91:1 AA (großer Text)

Aa #AA9D80 auf #3C4460 3,59:1 AA (großer Text)

Aa #7D8540 auf #312B25 3,53:1 AA (großer Text)

Aa #C7F0D8 auf #AA6D3C 3,40:1 AA (großer Text)

Aa #AA6D3C auf #312B25 3,30:1 AA (großer Text)

Aa #C7F0D8 auf #7D8540 3,19:1 AA (großer Text)

Aa #AA9D80 auf #43523D 3,12:1 AA (großer Text)

Aa #778D90 auf #3F3F3F 3,01:1 AA (großer Text)

Aa #AA9D80 auf #744538 2,96:1 Nicht bestanden

Aa #4A7885 auf #312B25 2,87:1 Nicht bestanden

Aa #C7F0D8 auf #778D90 2,82:1 Nicht bestanden

Aa #778D90 auf #3C4460 2,74:1 Nicht bestanden

Aa #7D8540 auf #3F3F3F 2,66:1 Nicht bestanden

Aa #AA6D3C auf #3F3F3F 2,49:1 Nicht bestanden

Aa #3C4460 auf #7D8540 2,42:1 Nicht bestanden

Aa #778D90 auf #43523D 2,39:1 Nicht bestanden

Aa #695E70 auf #312B25 2,29:1 Nicht bestanden

Aa #AA9D80 auf #695E70 2,28:1 Nicht bestanden

Aa #AA6D3C auf #3C4460 2,27:1 Nicht bestanden

Aa #744538 auf #778D90 2,26:1 Nicht bestanden

Aa #4A7885 auf #3F3F3F 2,16:1 Nicht bestanden

Aa #C7F0D8 auf #AA9D80 2,15:1 Nicht bestanden

Aa #7D8540 auf #43523D 2,11:1 Nicht bestanden

Aa #744538 auf #7D8540 2,00:1 Nicht bestanden

Aa #AA6D3C auf #43523D 1,97:1 Nicht bestanden

Aa #4A7885 auf #3C4460 1,97:1 Nicht bestanden

Aa #AA6D3C auf #744538 1,87:1 Nicht bestanden

Aa #AA9D80 auf #4A7885 1,82:1 Nicht bestanden

Aa #744538 auf #312B25 1,76:1 Nicht bestanden

Aa #778D90 auf #695E70 1,75:1 Nicht bestanden

Aa #4A7885 auf #43523D 1,72:1 Nicht bestanden

Aa #695E70 auf #3F3F3F 1,72:1 Nicht bestanden

Aa #43523D auf #312B25 1,67:1 Nicht bestanden

Aa #744538 auf #4A7885 1,63:1 Nicht bestanden

Aa #AA9D80 auf #AA6D3C 1,58:1 Nicht bestanden

Aa #695E70 auf #3C4460 1,57:1 Nicht bestanden

Aa #695E70 auf #7D8540 1,54:1 Nicht bestanden

Aa #AA9D80 auf #7D8540 1,48:1 Nicht bestanden

Aa #3C4460 auf #312B25 1,46:1 Nicht bestanden

Aa #AA6D3C auf #695E70 1,44:1 Nicht bestanden

Aa #778D90 auf #4A7885 1,39:1 Nicht bestanden

Aa #695E70 auf #43523D 1,37:1 Nicht bestanden

Aa #744538 auf #3F3F3F 1,33:1 Nicht bestanden

Aa #3F3F3F auf #312B25 1,33:1 Nicht bestanden

Aa #AA9D80 auf #778D90 1,31:1 Nicht bestanden

Aa #744538 auf #695E70 1,30:1 Nicht bestanden

Aa #4A7885 auf #695E70 1,26:1 Nicht bestanden

Aa #43523D auf #3F3F3F 1,26:1 Nicht bestanden

Aa #4A7885 auf #7D8540 1,23:1 Nicht bestanden

Aa #AA6D3C auf #778D90 1,21:1 Nicht bestanden

Aa #744538 auf #3C4460 1,21:1 Nicht bestanden

Aa #AA6D3C auf #4A7885 1,15:1 Nicht bestanden

Aa #3C4460 auf #43523D 1,15:1 Nicht bestanden

Aa #778D90 auf #7D8540 1,13:1 Nicht bestanden

Aa #3C4460 auf #3F3F3F 1,10:1 Nicht bestanden

Aa #AA6D3C auf #7D8540 1,07:1 Nicht bestanden

Aa #744538 auf #43523D 1,05:1 Nicht bestanden

TY Shades Of Nokia 12