Startseite Farbpaletten Palette „Hotter Than Hell“ mit 4 Farben

Palette „Hotter Than Hell“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Hotter Than Hell“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 5.291

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #240041;
  --c-vibrant-2: #900048;
  --c-vibrant-3: #FF4057;
  --c-vibrant-4: #FF8260;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pink Fire (#FF8260) bis zum dunkelsten Ton Your Darkness (#240041). Sie vereint Your Darkness, Rose Garnet, Hotter Than Hell und Pink Fire in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #240041 auf #FF8260 mit 7,48:1.

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

Farben im Detail

Your Darkness #240041

RGB: rgb(36, 0, 65)
HSL: hsl(273, 100%, 13%)
Luminanz: 0,008

Rose Garnet #900048

RGB: rgb(144, 0, 72)
HSL: hsl(330, 100%, 28%)
Luminanz: 0,064

Hotter Than Hell #FF4057

RGB: rgb(255, 64, 87)
HSL: hsl(353, 100%, 63%)
Luminanz: 0,256

Pink Fire #FF8260

RGB: rgb(255, 130, 96)
HSL: hsl(13, 100%, 69%)
Luminanz: 0,381

Kontrast & Barrierefreiheit

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

Aa #240041 auf #FF8260 7,48:1 AAA

Aa #240041 auf #FF4057 5,32:1 AA

Aa #900048 auf #FF8260 3,78:1 AA (großer Text)

Aa #900048 auf #FF4057 2,69:1 Nicht bestanden

Aa #240041 auf #900048 1,98:1 Nicht bestanden

Aa #FF4057 auf #FF8260 1,41:1 Nicht bestanden

Palette „Hotter Than Hell“ mit 4 Farben