Chess

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

Zurück zur Bibliothek

Chess

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Triadisch 4 warm 2bit saturated

Likes 8

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #050209;
  --c-earthy-2: #52311E;
  --c-earthy-3: #C59562;
  --c-earthy-4: #FBF6F1;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Silver Bird (#FBF6F1) bis zum dunkelsten Ton Ninja (#050209). Sie vereint Ninja, Brown Bramble, Mannered Gold und Silver Bird in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #050209 auf #FBF6F1 mit 19,19: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

Ninja #050209

RGB: rgb(5, 2, 9)
HSL: hsl(266, 64%, 2%)
Luminanz: 0,001

Brown Bramble #52311E

RGB: rgb(82, 49, 30)
HSL: hsl(22, 46%, 22%)
Luminanz: 0,041

Mannered Gold #C59562

RGB: rgb(197, 149, 98)
HSL: hsl(31, 46%, 58%)
Luminanz: 0,343

Silver Bird #FBF6F1

RGB: rgb(251, 246, 241)
HSL: hsl(30, 56%, 96%)
Luminanz: 0,928

Kontrast & Barrierefreiheit

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

Aa #050209 auf #FBF6F1 19,19:1 AAA

Aa #52311E auf #FBF6F1 10,76:1 AAA

Aa #050209 auf #C59562 7,70:1 AAA

Aa #52311E auf #C59562 4,32:1 AA (großer Text)

Aa #C59562 auf #FBF6F1 2,49:1 Nicht bestanden

Aa #050209 auf #52311E 1,78:1 Nicht bestanden

Chess

Chess

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen