Bauhaus

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

Zurück zur Bibliothek

Bauhaus

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär artist red blue yellow

Likes 103

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #1A1616;
  --c-vibrant-2: #4F186B;
  --c-vibrant-3: #3E4DB4;
  --c-vibrant-4: #91144E;
  --c-vibrant-5: #EA1F25;
  --c-vibrant-6: #AD6D37;
  --c-vibrant-7: #F1CA00;
  --c-vibrant-8: #ECDDBE;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Sandhill (#ECDDBE) bis zum dunkelsten Ton Cynical Black (#1A1616). Sie vereint Cynical Black, Obsidian Shell, Night in Manchester, Wine Grape, Red Pigment, Tanooki Suit Brown, Deep Daishin Yellow und Sandhill in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A1616 auf #ECDDBE mit 13,38:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Cynical Black #1A1616

RGB: rgb(26, 22, 22)
HSL: hsl(0, 8%, 9%)
Luminanz: 0,009

Obsidian Shell #4F186B

RGB: rgb(79, 24, 107)
HSL: hsl(280, 63%, 26%)
Luminanz: 0,034

Night in Manchester #3E4DB4

RGB: rgb(62, 77, 180)
HSL: hsl(232, 49%, 47%)
Luminanz: 0,096

Wine Grape #91144E

RGB: rgb(145, 20, 78)
HSL: hsl(332, 76%, 32%)
Luminanz: 0,071

Red Pigment #EA1F25

RGB: rgb(234, 31, 37)
HSL: hsl(358, 83%, 52%)
Luminanz: 0,186

Tanooki Suit Brown #AD6D37

RGB: rgb(173, 109, 55)
HSL: hsl(27, 52%, 45%)
Luminanz: 0,201

Deep Daishin Yellow #F1CA00

RGB: rgb(241, 202, 0)
HSL: hsl(50, 100%, 47%)
Luminanz: 0,609

Sandhill #ECDDBE

RGB: rgb(236, 221, 190)
HSL: hsl(40, 55%, 84%)
Luminanz: 0,733

Kontrast & Barrierefreiheit

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

Aa #1A1616 auf #ECDDBE 13,38:1 AAA

Aa #1A1616 auf #F1CA00 11,27:1 AAA

Aa #4F186B auf #ECDDBE 9,34:1 AAA

Aa #4F186B auf #F1CA00 7,87:1 AAA

Aa #91144E auf #ECDDBE 6,48:1 AA

Aa #91144E auf #F1CA00 5,46:1 AA

Aa #3E4DB4 auf #ECDDBE 5,35:1 AA

Aa #3E4DB4 auf #F1CA00 4,51:1 AA

Aa #1A1616 auf #AD6D37 4,29:1 AA (großer Text)

Aa #1A1616 auf #EA1F25 4,03:1 AA (großer Text)

Aa #EA1F25 auf #ECDDBE 3,32:1 AA (großer Text)

Aa #AD6D37 auf #ECDDBE 3,12:1 AA (großer Text)

Aa #4F186B auf #AD6D37 3,00:1 AA (großer Text)

Aa #4F186B auf #EA1F25 2,82:1 Nicht bestanden

Aa #EA1F25 auf #F1CA00 2,79:1 Nicht bestanden

Aa #AD6D37 auf #F1CA00 2,63:1 Nicht bestanden

Aa #1A1616 auf #3E4DB4 2,50:1 Nicht bestanden

Aa #91144E auf #AD6D37 2,08:1 Nicht bestanden

Aa #1A1616 auf #91144E 2,06:1 Nicht bestanden

Aa #91144E auf #EA1F25 1,96:1 Nicht bestanden

Aa #4F186B auf #3E4DB4 1,75:1 Nicht bestanden

Aa #3E4DB4 auf #AD6D37 1,72:1 Nicht bestanden

Aa #3E4DB4 auf #EA1F25 1,61:1 Nicht bestanden

Aa #4F186B auf #91144E 1,44:1 Nicht bestanden

Aa #1A1616 auf #4F186B 1,43:1 Nicht bestanden

Aa #3E4DB4 auf #91144E 1,21:1 Nicht bestanden

Aa #F1CA00 auf #ECDDBE 1,19:1 Nicht bestanden

Aa #EA1F25 auf #AD6D37 1,06:1 Nicht bestanden

Bauhaus

Bauhaus

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen