KOTOMASHO 8

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

Zurück zur Bibliothek

KOTOMASHO 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär pixelart gameboycolor 8 magic

Likes 79

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #40263E;
  --c-earthy-2: #5979A6;
  --c-earthy-3: #84C2A3;
  --c-earthy-4: #EFE8C3;
  --c-earthy-5: #EFEFEF;
  --c-earthy-6: #CBC7D6;
  --c-earthy-7: #D06060;
  --c-earthy-8: #773971;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Crystal Bell (#EFEFEF) bis zum dunkelsten Ton Profound Mauve (#40263E). Sie vereint Profound Mauve, Vinca, Baby Cake, Ethereal Green, Crystal Bell, Dreamweaver, Happy Hearts und Eminence in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #40263E auf #EFEFEF mit 11,67: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

Profound Mauve #40263E

RGB: rgb(64, 38, 62)
HSL: hsl(305, 25%, 20%)
Luminanz: 0,028

Vinca #5979A6

RGB: rgb(89, 121, 166)
HSL: hsl(215, 30%, 50%)
Luminanz: 0,186

Baby Cake #84C2A3

RGB: rgb(132, 194, 163)
HSL: hsl(150, 34%, 64%)
Luminanz: 0,461

Ethereal Green #EFE8C3

RGB: rgb(239, 232, 195)
HSL: hsl(50, 58%, 85%)
Luminanz: 0,800

Crystal Bell #EFEFEF

RGB: rgb(239, 239, 239)
HSL: hsl(0, 0%, 94%)
Luminanz: 0,863

Dreamweaver #CBC7D6

RGB: rgb(203, 199, 214)
HSL: hsl(256, 15%, 81%)
Luminanz: 0,584

Happy Hearts #D06060

RGB: rgb(208, 96, 96)
HSL: hsl(0, 54%, 60%)
Luminanz: 0,226

Eminence #773971

RGB: rgb(119, 57, 113)
HSL: hsl(306, 35%, 35%)
Luminanz: 0,080

Kontrast & Barrierefreiheit

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

Aa #40263E auf #EFEFEF 11,67:1 AAA

Aa #40263E auf #EFE8C3 10,86:1 AAA

Aa #40263E auf #CBC7D6 8,10:1 AAA

Aa #EFEFEF auf #773971 7,00:1 AAA

Aa #40263E auf #84C2A3 6,54:1 AA

Aa #EFE8C3 auf #773971 6,52:1 AA

Aa #CBC7D6 auf #773971 4,86:1 AA

Aa #84C2A3 auf #773971 3,92:1 AA (großer Text)

Aa #5979A6 auf #EFEFEF 3,88:1 AA (großer Text)

Aa #5979A6 auf #EFE8C3 3,61:1 AA (großer Text)

Aa #40263E auf #D06060 3,53:1 AA (großer Text)

Aa #EFEFEF auf #D06060 3,31:1 AA (großer Text)

Aa #EFE8C3 auf #D06060 3,08:1 AA (großer Text)

Aa #40263E auf #5979A6 3,01:1 AA (großer Text)

Aa #5979A6 auf #CBC7D6 2,69:1 Nicht bestanden

Aa #CBC7D6 auf #D06060 2,30:1 Nicht bestanden

Aa #5979A6 auf #84C2A3 2,17:1 Nicht bestanden

Aa #D06060 auf #773971 2,12:1 Nicht bestanden

Aa #84C2A3 auf #D06060 1,85:1 Nicht bestanden

Aa #5979A6 auf #773971 1,81:1 Nicht bestanden

Aa #84C2A3 auf #EFEFEF 1,79:1 Nicht bestanden

Aa #40263E auf #773971 1,67:1 Nicht bestanden

Aa #84C2A3 auf #EFE8C3 1,66:1 Nicht bestanden

Aa #EFEFEF auf #CBC7D6 1,44:1 Nicht bestanden

Aa #EFE8C3 auf #CBC7D6 1,34:1 Nicht bestanden

Aa #84C2A3 auf #CBC7D6 1,24:1 Nicht bestanden

Aa #5979A6 auf #D06060 1,17:1 Nicht bestanden

Aa #EFE8C3 auf #EFEFEF 1,07:1 Nicht bestanden

KOTOMASHO 8

KOTOMASHO 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen