SLSO8

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

Zurück zur Bibliothek

SLSO8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär artist solosalsero monoramp skeddlespicks

Likes 3.630

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #0D2B45;
  --c-vibrant-2: #203C56;
  --c-vibrant-3: #544E68;
  --c-vibrant-4: #8D697A;
  --c-vibrant-5: #D08159;
  --c-vibrant-6: #FFAA5E;
  --c-vibrant-7: #FFD4A3;
  --c-vibrant-8: #FFECD6;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Crushed Cashew (#FFECD6) bis zum dunkelsten Ton Crow Black Blue (#0D2B45). Sie vereint Crow Black Blue, Integrity, Magic Spell, Plum Dandy, Apricot Brown, Dreamy Sunset, Sherbet Pop und Crushed Cashew in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D2B45 auf #FFECD6 mit 12,58:1.

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

Farben im Detail

Crow Black Blue #0D2B45

RGB: rgb(13, 43, 69)
HSL: hsl(208, 68%, 16%)
Luminanz: 0,022

Integrity #203C56

RGB: rgb(32, 60, 86)
HSL: hsl(209, 46%, 23%)
Luminanz: 0,042

Magic Spell #544E68

RGB: rgb(84, 78, 104)
HSL: hsl(254, 14%, 36%)
Luminanz: 0,083

Plum Dandy #8D697A

RGB: rgb(141, 105, 122)
HSL: hsl(332, 15%, 48%)
Luminanz: 0,172

Apricot Brown #D08159

RGB: rgb(208, 129, 89)
HSL: hsl(20, 56%, 58%)
Luminanz: 0,298

Dreamy Sunset #FFAA5E

RGB: rgb(255, 170, 94)
HSL: hsl(28, 100%, 68%)
Luminanz: 0,508

Sherbet Pop #FFD4A3

RGB: rgb(255, 212, 163)
HSL: hsl(32, 100%, 82%)
Luminanz: 0,710

Crushed Cashew #FFECD6

RGB: rgb(255, 236, 214)
HSL: hsl(32, 100%, 92%)
Luminanz: 0,861

Kontrast & Barrierefreiheit

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

Aa #0D2B45 auf #FFECD6 12,58:1 AAA

Aa #0D2B45 auf #FFD4A3 10,49:1 AAA

Aa #203C56 auf #FFECD6 9,89:1 AAA

Aa #203C56 auf #FFD4A3 8,25:1 AAA

Aa #0D2B45 auf #FFAA5E 7,71:1 AAA

Aa #544E68 auf #FFECD6 6,83:1 AA

Aa #203C56 auf #FFAA5E 6,06:1 AA

Aa #544E68 auf #FFD4A3 5,70:1 AA

Aa #0D2B45 auf #D08159 4,81:1 AA

Aa #544E68 auf #FFAA5E 4,19:1 AA (großer Text)

Aa #8D697A auf #FFECD6 4,11:1 AA (großer Text)

Aa #203C56 auf #D08159 3,78:1 AA (großer Text)

Aa #8D697A auf #FFD4A3 3,43:1 AA (großer Text)

Aa #0D2B45 auf #8D697A 3,06:1 AA (großer Text)

Aa #D08159 auf #FFECD6 2,62:1 Nicht bestanden

Aa #544E68 auf #D08159 2,61:1 Nicht bestanden

Aa #8D697A auf #FFAA5E 2,52:1 Nicht bestanden

Aa #203C56 auf #8D697A 2,41:1 Nicht bestanden

Aa #D08159 auf #FFD4A3 2,18:1 Nicht bestanden

Aa #0D2B45 auf #544E68 1,84:1 Nicht bestanden

Aa #544E68 auf #8D697A 1,66:1 Nicht bestanden

Aa #FFAA5E auf #FFECD6 1,63:1 Nicht bestanden

Aa #D08159 auf #FFAA5E 1,60:1 Nicht bestanden

Aa #8D697A auf #D08159 1,57:1 Nicht bestanden

Aa #203C56 auf #544E68 1,45:1 Nicht bestanden

Aa #FFAA5E auf #FFD4A3 1,36:1 Nicht bestanden

Aa #0D2B45 auf #203C56 1,27:1 Nicht bestanden

Aa #FFD4A3 auf #FFECD6 1,20:1 Nicht bestanden

SLSO8

SLSO8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen