Final Boss

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

Zurück zur Bibliothek

Final Boss

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch pixelart orange fire red

Likes 50

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #2A1B2D;
  --c-vibrant-2: #3F1B22;
  --c-vibrant-3: #682236;
  --c-vibrant-4: #C1373A;
  --c-vibrant-5: #E55C2C;
  --c-vibrant-6: #FF8B24;
  --c-vibrant-7: #FEBD57;
  --c-vibrant-8: #E9E18F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Yellow Pear (#E9E18F) bis zum dunkelsten Ton Shikon (#2A1B2D). Sie vereint Shikon, Bruised Plum, Squid Hat, Crimson Glow, Sunset Blaze, Mango Madness, Honey Crusted Chicken und Yellow Pear in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2A1B2D auf #E9E18F mit 12,09:1.

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

Farben im Detail

Shikon #2A1B2D

RGB: rgb(42, 27, 45)
HSL: hsl(290, 25%, 14%)
Luminanz: 0,015

Bruised Plum #3F1B22

RGB: rgb(63, 27, 34)
HSL: hsl(348, 40%, 18%)
Luminanz: 0,020

Squid Hat #682236

RGB: rgb(104, 34, 54)
HSL: hsl(343, 51%, 27%)
Luminanz: 0,044

Crimson Glow #C1373A

RGB: rgb(193, 55, 58)
HSL: hsl(359, 56%, 49%)
Luminanz: 0,144

Sunset Blaze #E55C2C

RGB: rgb(229, 92, 44)
HSL: hsl(16, 78%, 54%)
Luminanz: 0,245

Mango Madness #FF8B24

RGB: rgb(255, 139, 36)
HSL: hsl(28, 100%, 57%)
Luminanz: 0,399

Honey Crusted Chicken #FEBD57

RGB: rgb(254, 189, 87)
HSL: hsl(37, 99%, 67%)
Luminanz: 0,582

Yellow Pear #E9E18F

RGB: rgb(233, 225, 143)
HSL: hsl(55, 67%, 74%)
Luminanz: 0,732

Kontrast & Barrierefreiheit

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

Aa #2A1B2D auf #E9E18F 12,09:1 AAA

Aa #3F1B22 auf #E9E18F 11,24:1 AAA

Aa #2A1B2D auf #FEBD57 9,77:1 AAA

Aa #3F1B22 auf #FEBD57 9,08:1 AAA

Aa #682236 auf #E9E18F 8,36:1 AAA

Aa #2A1B2D auf #FF8B24 6,94:1 AA

Aa #682236 auf #FEBD57 6,75:1 AA

Aa #3F1B22 auf #FF8B24 6,45:1 AA

Aa #682236 auf #FF8B24 4,80:1 AA

Aa #2A1B2D auf #E55C2C 4,56:1 AA

Aa #3F1B22 auf #E55C2C 4,24:1 AA (großer Text)

Aa #C1373A auf #E9E18F 4,03:1 AA (großer Text)

Aa #C1373A auf #FEBD57 3,26:1 AA (großer Text)

Aa #682236 auf #E55C2C 3,15:1 AA (großer Text)

Aa #2A1B2D auf #C1373A 3,00:1 AA (großer Text)

Aa #3F1B22 auf #C1373A 2,79:1 Nicht bestanden

Aa #E55C2C auf #E9E18F 2,65:1 Nicht bestanden

Aa #C1373A auf #FF8B24 2,31:1 Nicht bestanden

Aa #E55C2C auf #FEBD57 2,14:1 Nicht bestanden

Aa #682236 auf #C1373A 2,07:1 Nicht bestanden

Aa #FF8B24 auf #E9E18F 1,74:1 Nicht bestanden

Aa #C1373A auf #E55C2C 1,52:1 Nicht bestanden

Aa #E55C2C auf #FF8B24 1,52:1 Nicht bestanden

Aa #2A1B2D auf #682236 1,45:1 Nicht bestanden

Aa #FF8B24 auf #FEBD57 1,41:1 Nicht bestanden

Aa #3F1B22 auf #682236 1,34:1 Nicht bestanden

Aa #FEBD57 auf #E9E18F 1,24:1 Nicht bestanden

Aa #2A1B2D auf #3F1B22 1,08:1 Nicht bestanden

Final Boss

Final Boss

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen