Inferno 666

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

Zurück zur Bibliothek

Inferno 666

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär pixelart orange fire red

Likes 45

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FFDD69;
  --c-vibrant-2: #FE8E63;
  --c-vibrant-3: #D23B36;
  --c-vibrant-4: #AC1242;
  --c-vibrant-5: #77123D;
  --c-vibrant-6: #3E1548;
  --c-vibrant-7: #210743;
  --c-vibrant-8: #000323;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Lemon Tart (#FFDD69) bis zum dunkelsten Ton Hadopelagic Water (#000323). Sie vereint Lemon Tart, Pink Orange, Blade Runner Red, Bloody Periphylla, Her Fierceness, Velvet Cosmos, Your Darkness und Hadopelagic Water 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 #FFDD69 auf #000323 mit 15,23:1.

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

Farben im Detail

Lemon Tart #FFDD69

RGB: rgb(255, 221, 105)
HSL: hsl(46, 100%, 71%)
Luminanz: 0,740

Pink Orange #FE8E63

RGB: rgb(254, 142, 99)
HSL: hsl(17, 99%, 69%)
Luminanz: 0,413

Blade Runner Red #D23B36

RGB: rgb(210, 59, 54)
HSL: hsl(2, 63%, 52%)
Luminanz: 0,171

Bloody Periphylla #AC1242

RGB: rgb(172, 18, 66)
HSL: hsl(341, 81%, 37%)
Luminanz: 0,096

Her Fierceness #77123D

RGB: rgb(119, 18, 61)
HSL: hsl(334, 74%, 27%)
Luminanz: 0,047

Velvet Cosmos #3E1548

RGB: rgb(62, 21, 72)
HSL: hsl(288, 55%, 18%)
Luminanz: 0,020

Your Darkness #210743

RGB: rgb(33, 7, 67)
HSL: hsl(266, 81%, 15%)
Luminanz: 0,009

Hadopelagic Water #000323

RGB: rgb(0, 3, 35)
HSL: hsl(235, 100%, 7%)
Luminanz: 0,002

Kontrast & Barrierefreiheit

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

Aa #FFDD69 auf #000323 15,23:1 AAA

Aa #FFDD69 auf #210743 13,43:1 AAA

Aa #FFDD69 auf #3E1548 11,24:1 AAA

Aa #FE8E63 auf #000323 8,93:1 AAA

Aa #FFDD69 auf #77123D 8,15:1 AAA

Aa #FE8E63 auf #210743 7,88:1 AAA

Aa #FE8E63 auf #3E1548 6,59:1 AA

Aa #FFDD69 auf #AC1242 5,41:1 AA

Aa #FE8E63 auf #77123D 4,78:1 AA

Aa #D23B36 auf #000323 4,26:1 AA (großer Text)

Aa #D23B36 auf #210743 3,76:1 AA (großer Text)

Aa #FFDD69 auf #D23B36 3,57:1 AA (großer Text)

Aa #FE8E63 auf #AC1242 3,17:1 AA (großer Text)

Aa #D23B36 auf #3E1548 3,14:1 AA (großer Text)

Aa #AC1242 auf #000323 2,81:1 Nicht bestanden

Aa #AC1242 auf #210743 2,48:1 Nicht bestanden

Aa #D23B36 auf #77123D 2,28:1 Nicht bestanden

Aa #FE8E63 auf #D23B36 2,10:1 Nicht bestanden

Aa #AC1242 auf #3E1548 2,08:1 Nicht bestanden

Aa #77123D auf #000323 1,87:1 Nicht bestanden

Aa #FFDD69 auf #FE8E63 1,71:1 Nicht bestanden

Aa #77123D auf #210743 1,65:1 Nicht bestanden

Aa #D23B36 auf #AC1242 1,51:1 Nicht bestanden

Aa #AC1242 auf #77123D 1,51:1 Nicht bestanden

Aa #77123D auf #3E1548 1,38:1 Nicht bestanden

Aa #3E1548 auf #000323 1,36:1 Nicht bestanden

Aa #3E1548 auf #210743 1,20:1 Nicht bestanden

Aa #210743 auf #000323 1,13:1 Nicht bestanden

Inferno 666

Inferno 666

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen