JR Tattoo

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

JR Tattoo

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 12 Farben Warm Gemischt Triadisch pastel desaturated tattoo

Likes 12

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #4D2D2D;
  --c-earthy-2: #933936;
  --c-earthy-3: #A17140;
  --c-earthy-4: #BE9E56;
  --c-earthy-5: #BBB37F;
  --c-earthy-6: #CAC2B4;
  --c-earthy-7: #395432;
  --c-earthy-8: #2D3B33;
  --c-earthy-9: #292928;
  --c-earthy-10: #768394;
  --c-earthy-11: #9E9E9E;
  --c-earthy-12: #CBCAC5;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Gentle Rain (#CBCAC5) bis zum dunkelsten Ton Chromaphobic Black (#292928). Sie vereint Dark Roast, Vermilion Seabass, Castellina, Steampunk Gold, Leek Powder, Whisper Ridge, Zen Garden Olive, Scarab, Chromaphobic Black, Tranquil Pond, Mortar Grey und Gentle Rain in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #292928 auf #CBCAC5 mit 8,87: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

Dark Roast #4D2D2D

RGB: rgb(77, 45, 45)
HSL: hsl(0, 26%, 24%)
Luminanz: 0,036

Vermilion Seabass #933936

RGB: rgb(147, 57, 54)
HSL: hsl(2, 46%, 39%)
Luminanz: 0,094

Castellina #A17140

RGB: rgb(161, 113, 64)
HSL: hsl(30, 43%, 44%)
Luminanz: 0,198

Steampunk Gold #BE9E56

RGB: rgb(190, 158, 86)
HSL: hsl(42, 44%, 54%)
Luminanz: 0,361

Leek Powder #BBB37F

RGB: rgb(187, 179, 127)
HSL: hsl(52, 31%, 62%)
Luminanz: 0,443

Whisper Ridge #CAC2B4

RGB: rgb(202, 194, 180)
HSL: hsl(38, 17%, 75%)
Luminanz: 0,544

Zen Garden Olive #395432

RGB: rgb(57, 84, 50)
HSL: hsl(108, 25%, 26%)
Luminanz: 0,074

Scarab #2D3B33

RGB: rgb(45, 59, 51)
HSL: hsl(146, 13%, 20%)
Luminanz: 0,039

Chromaphobic Black #292928

RGB: rgb(41, 41, 40)
HSL: hsl(60, 1%, 16%)
Luminanz: 0,022

Tranquil Pond #768394

RGB: rgb(118, 131, 148)
HSL: hsl(214, 12%, 52%)
Luminanz: 0,222

Mortar Grey #9E9E9E

RGB: rgb(158, 158, 158)
HSL: hsl(0, 0%, 62%)
Luminanz: 0,342

Gentle Rain #CBCAC5

RGB: rgb(203, 202, 197)
HSL: hsl(50, 5%, 78%)
Luminanz: 0,590

Kontrast & Barrierefreiheit

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

Aa #292928 auf #CBCAC5 8,87:1 AAA

Aa #CAC2B4 auf #292928 8,24:1 AAA

Aa #4D2D2D auf #CBCAC5 7,40:1 AAA

Aa #2D3B33 auf #CBCAC5 7,17:1 AAA

Aa #4D2D2D auf #CAC2B4 6,88:1 AA

Aa #BBB37F auf #292928 6,84:1 AA

Aa #CAC2B4 auf #2D3B33 6,66:1 AA

Aa #4D2D2D auf #BBB37F 5,71:1 AA

Aa #BE9E56 auf #292928 5,70:1 AA

Aa #BBB37F auf #2D3B33 5,53:1 AA

Aa #292928 auf #9E9E9E 5,44:1 AA

Aa #395432 auf #CBCAC5 5,14:1 AA

Aa #CAC2B4 auf #395432 4,78:1 AA

Aa #4D2D2D auf #BE9E56 4,75:1 AA

Aa #BE9E56 auf #2D3B33 4,60:1 AA

Aa #4D2D2D auf #9E9E9E 4,53:1 AA

Aa #933936 auf #CBCAC5 4,44:1 AA (großer Text)

Aa #2D3B33 auf #9E9E9E 4,39:1 AA (großer Text)

Aa #933936 auf #CAC2B4 4,13:1 AA (großer Text)

Aa #BBB37F auf #395432 3,97:1 AA (großer Text)

Aa #292928 auf #768394 3,78:1 AA (großer Text)

Aa #933936 auf #BBB37F 3,43:1 AA (großer Text)

Aa #A17140 auf #292928 3,43:1 AA (großer Text)

Aa #BE9E56 auf #395432 3,30:1 AA (großer Text)

Aa #4D2D2D auf #768394 3,15:1 AA (großer Text)

Aa #395432 auf #9E9E9E 3,15:1 AA (großer Text)

Aa #2D3B33 auf #768394 3,05:1 AA (großer Text)

Aa #4D2D2D auf #A17140 2,86:1 Nicht bestanden

Aa #933936 auf #BE9E56 2,85:1 Nicht bestanden

Aa #A17140 auf #2D3B33 2,77:1 Nicht bestanden

Aa #933936 auf #9E9E9E 2,72:1 Nicht bestanden

Aa #A17140 auf #CBCAC5 2,58:1 Nicht bestanden

Aa #A17140 auf #CAC2B4 2,40:1 Nicht bestanden

Aa #768394 auf #CBCAC5 2,35:1 Nicht bestanden

Aa #395432 auf #768394 2,19:1 Nicht bestanden

Aa #CAC2B4 auf #768394 2,18:1 Nicht bestanden

Aa #933936 auf #292928 2,00:1 Nicht bestanden

Aa #A17140 auf #BBB37F 1,99:1 Nicht bestanden

Aa #A17140 auf #395432 1,99:1 Nicht bestanden

Aa #933936 auf #768394 1,89:1 Nicht bestanden

Aa #BBB37F auf #768394 1,81:1 Nicht bestanden

Aa #395432 auf #292928 1,73:1 Nicht bestanden

Aa #933936 auf #A17140 1,72:1 Nicht bestanden

Aa #4D2D2D auf #933936 1,67:1 Nicht bestanden

Aa #A17140 auf #BE9E56 1,66:1 Nicht bestanden

Aa #9E9E9E auf #CBCAC5 1,63:1 Nicht bestanden

Aa #933936 auf #2D3B33 1,61:1 Nicht bestanden

Aa #A17140 auf #9E9E9E 1,58:1 Nicht bestanden

Aa #BE9E56 auf #CBCAC5 1,56:1 Nicht bestanden

Aa #CAC2B4 auf #9E9E9E 1,52:1 Nicht bestanden

Aa #BE9E56 auf #768394 1,51:1 Nicht bestanden

Aa #BE9E56 auf #CAC2B4 1,45:1 Nicht bestanden

Aa #4D2D2D auf #395432 1,44:1 Nicht bestanden

Aa #768394 auf #9E9E9E 1,44:1 Nicht bestanden

Aa #395432 auf #2D3B33 1,39:1 Nicht bestanden

Aa #BBB37F auf #CBCAC5 1,30:1 Nicht bestanden

Aa #BBB37F auf #9E9E9E 1,26:1 Nicht bestanden

Aa #2D3B33 auf #292928 1,24:1 Nicht bestanden

Aa #4D2D2D auf #292928 1,20:1 Nicht bestanden

Aa #BE9E56 auf #BBB37F 1,20:1 Nicht bestanden

Aa #BBB37F auf #CAC2B4 1,20:1 Nicht bestanden

Aa #933936 auf #395432 1,16:1 Nicht bestanden

Aa #A17140 auf #768394 1,10:1 Nicht bestanden

Aa #CAC2B4 auf #CBCAC5 1,08:1 Nicht bestanden

Aa #BE9E56 auf #9E9E9E 1,05:1 Nicht bestanden

Aa #4D2D2D auf #2D3B33 1,03:1 Nicht bestanden

JR Tattoo

JR Tattoo

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen