Registrieren Registrieren
Crystal Attack

Crystal Attack

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

Zurück zur Bibliothek

Crystal Attack

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

Bearbeiten
Erdig 12 Farben Warm Dunkel Komplementär gb game rpg crystal
Likes 11
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #C16F86;
  --c-earthy-2: #6C2D3E;
  --c-earthy-3: #400116;
  --c-earthy-4: #473535;
  --c-earthy-5: #AA7C62;
  --c-earthy-6: #65342D;
  --c-earthy-7: #2B0B0C;
  --c-earthy-8: #0E1525;
  --c-earthy-9: #24454C;
  --c-earthy-10: #638C7A;
  --c-earthy-11: #202A2B;
  --c-earthy-12: #000000;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Briar Rose (#C16F86) bis zum dunkelsten Ton Black (#000000). Sie vereint Briar Rose, Siren, Rhinoceros Beetle, Noblesse Oblige, Tawny Birch, One Dozen, Root Brew, Corbeau, Everglade Deck, Sea Monster, Charleston Green und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C16F86 auf #000000 mit 5,89: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

Briar Rose #C16F86
RGB
rgb(193, 111, 134)
HSL
hsl(343, 40%, 60%)
Luminanz
0,244
Siren #6C2D3E
RGB
rgb(108, 45, 62)
HSL
hsl(344, 41%, 30%)
Luminanz
0,054
Rhinoceros Beetle #400116
RGB
rgb(64, 1, 22)
HSL
hsl(340, 97%, 13%)
Luminanz
0,012
Noblesse Oblige #473535
RGB
rgb(71, 53, 53)
HSL
hsl(0, 15%, 24%)
Luminanz
0,041
Tawny Birch #AA7C62
RGB
rgb(170, 124, 98)
HSL
hsl(22, 30%, 53%)
Luminanz
0,238
One Dozen #65342D
RGB
rgb(101, 52, 45)
HSL
hsl(8, 38%, 29%)
Luminanz
0,054
Root Brew #2B0B0C
RGB
rgb(43, 11, 12)
HSL
hsl(358, 59%, 11%)
Luminanz
0,008
Corbeau #0E1525
RGB
rgb(14, 21, 37)
HSL
hsl(222, 45%, 10%)
Luminanz
0,008
Everglade Deck #24454C
RGB
rgb(36, 69, 76)
HSL
hsl(191, 36%, 22%)
Luminanz
0,052
Sea Monster #638C7A
RGB
rgb(99, 140, 122)
HSL
hsl(154, 17%, 47%)
Luminanz
0,228
Charleston Green #202A2B
RGB
rgb(32, 42, 43)
HSL
hsl(185, 15%, 15%)
Luminanz
0,021
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000

Kontrast & Barrierefreiheit

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

Aa #C16F86 auf #000000 5,89:1 AA
Aa #AA7C62 auf #000000 5,77:1 AA
Aa #638C7A auf #000000 5,56:1 AA
Aa #C16F86 auf #0E1525 5,11:1 AA
Aa #C16F86 auf #2B0B0C 5,09:1 AA
Aa #AA7C62 auf #0E1525 5,00:1 AA
Aa #AA7C62 auf #2B0B0C 4,99:1 AA
Aa #0E1525 auf #638C7A 4,83:1 AA
Aa #2B0B0C auf #638C7A 4,81:1 AA
Aa #C16F86 auf #400116 4,77:1 AA
Aa #400116 auf #AA7C62 4,68:1 AA
Aa #400116 auf #638C7A 4,51:1 AA
Aa #C16F86 auf #202A2B 4,12:1 AA (großer Text)
Aa #AA7C62 auf #202A2B 4,04:1 AA (großer Text)
Aa #638C7A auf #202A2B 3,90:1 AA (großer Text)
Aa #C16F86 auf #473535 3,22:1 AA (großer Text)
Aa #473535 auf #AA7C62 3,15:1 AA (großer Text)
Aa #473535 auf #638C7A 3,04:1 AA (großer Text)
Aa #C16F86 auf #24454C 2,90:1 Nicht bestanden
Aa #AA7C62 auf #24454C 2,84:1 Nicht bestanden
Aa #C16F86 auf #6C2D3E 2,83:1 Nicht bestanden
Aa #C16F86 auf #65342D 2,83:1 Nicht bestanden
Aa #6C2D3E auf #AA7C62 2,77:1 Nicht bestanden
Aa #AA7C62 auf #65342D 2,77:1 Nicht bestanden
Aa #24454C auf #638C7A 2,74:1 Nicht bestanden
Aa #6C2D3E auf #638C7A 2,67:1 Nicht bestanden
Aa #65342D auf #638C7A 2,67:1 Nicht bestanden
Aa #6C2D3E auf #000000 2,08:1 Nicht bestanden
Aa #65342D auf #000000 2,08:1 Nicht bestanden
Aa #24454C auf #000000 2,03:1 Nicht bestanden
Aa #473535 auf #000000 1,83:1 Nicht bestanden
Aa #6C2D3E auf #0E1525 1,81:1 Nicht bestanden
Aa #65342D auf #0E1525 1,81:1 Nicht bestanden
Aa #6C2D3E auf #2B0B0C 1,80:1 Nicht bestanden
Aa #65342D auf #2B0B0C 1,80:1 Nicht bestanden
Aa #2B0B0C auf #24454C 1,76:1 Nicht bestanden
Aa #0E1525 auf #24454C 1,76:1 Nicht bestanden
Aa #6C2D3E auf #400116 1,69:1 Nicht bestanden
Aa #400116 auf #65342D 1,69:1 Nicht bestanden
Aa #400116 auf #24454C 1,65:1 Nicht bestanden
Aa #473535 auf #0E1525 1,59:1 Nicht bestanden
Aa #473535 auf #2B0B0C 1,58:1 Nicht bestanden
Aa #400116 auf #473535 1,48:1 Nicht bestanden
Aa #6C2D3E auf #202A2B 1,46:1 Nicht bestanden
Aa #65342D auf #202A2B 1,46:1 Nicht bestanden
Aa #202A2B auf #000000 1,43:1 Nicht bestanden
Aa #24454C auf #202A2B 1,42:1 Nicht bestanden
Aa #473535 auf #202A2B 1,28:1 Nicht bestanden
Aa #0E1525 auf #202A2B 1,24:1 Nicht bestanden
Aa #400116 auf #000000 1,23:1 Nicht bestanden
Aa #2B0B0C auf #202A2B 1,23:1 Nicht bestanden
Aa #400116 auf #202A2B 1,16:1 Nicht bestanden
Aa #2B0B0C auf #000000 1,16:1 Nicht bestanden
Aa #0E1525 auf #000000 1,15:1 Nicht bestanden
Aa #6C2D3E auf #473535 1,14:1 Nicht bestanden
Aa #473535 auf #65342D 1,14:1 Nicht bestanden
Aa #473535 auf #24454C 1,11:1 Nicht bestanden
Aa #400116 auf #2B0B0C 1,07:1 Nicht bestanden
Aa #400116 auf #0E1525 1,07:1 Nicht bestanden
Aa #C16F86 auf #638C7A 1,06:1 Nicht bestanden
Aa #AA7C62 auf #638C7A 1,04:1 Nicht bestanden
Aa #6C2D3E auf #24454C 1,03:1 Nicht bestanden
Aa #65342D auf #24454C 1,03:1 Nicht bestanden
Aa #C16F86 auf #AA7C62 1,02:1 Nicht bestanden
Aa #6C2D3E auf #65342D 1,00:1 Nicht bestanden
Aa #2B0B0C auf #0E1525 1,00:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben